CSS 覆盖被忽略答案

【问题标题】：CSS Override Being IgnoredCSS 覆盖被忽略
【发布时间】：2016-05-07 22:02:32
【问题描述】：

我试图使body 具有padding-top: 50px; 的默认 Site.css 规则无效。我的目标是减少 Bootstrap 3 导航栏和正文内容开始之间的空白。这似乎不是正在执行此操作的导航栏的属性，它似乎是 body 上的默认填充。

这是在 MVC 中，所以我修改了我的 _Layout.cshtml 以包含它自己的 <style> 部分，并将以下内容添加到 head 部分：

.body {
    padding-top: 0 !important;
}

当我在 Chrome 开发人员的控制台中查看此内容时，body 元素仍在使用来自 Site.css 的属性：

body {
    padding-top: 50px;
    padding-bottom: 20px;
}

我的 HTML 源代码确实在 head 中显示了我的覆盖。

我在这里错过了什么？

【问题讨论】：

【解决方案1】：

您将主体定义为一个带有点的类，尝试删除它，这可能是它不覆盖的原因

【讨论】：

【解决方案2】：

.body {
    padding-top: inherit;
}

【讨论】：