CSS覆盖被忽略

Question

我正在尝试使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。

中显示了我的替代

我在这里缺少什么？

Answer 1

您将主体定义为带有点的类，尝试并将其删除，这可能就是为什么它不会覆盖

Answer 2

.body {
    padding-top: inherit;
}