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