刪除固定導航欄的身體填充

現在我有一個固定頂部導航欄的網站。看起來很棒。

現在，我正在處理一些新的頁面頁面。我將需要頂部導航欄不被固定這些網頁。

我

body { 
    padding-top: 117px; 
}

在我的CSS的頂部導航欄是不可或缺的網站...但

我怎樣才能「否定」這身填充2個網頁，導航欄將不會被修復？

我嘗試添加一個CSS類

.negate-nav-padding { 
    margin-top: -117px; 
}

，但沒有奏效。

感謝

一個想法可能是一個id添加到身體，只是添加這些CSS規則：

body { 
    padding-top: 117px; 
} 

body#special-page { 
    padding-top: 0; 
}

編輯：或類例如：body.no-padding { padding-top: 0; }

2017-07-17 15:32:57

爲什麼不給在這兩頁上的身體覆蓋類。像這樣：

<body class="interior"></body> 


body { 
    padding-top: 117px; 
} 

body.interior { 
    padding-top: 0; 
}

2017-07-17 15:34:19 Korgrue

回答