被忽略的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; 
 
}