CSS：如何防止背景顏色被較少文件的顏色覆蓋

Question

我正在使用此page。

樣式表文件和大部分設計都是由另一位程序員編寫的。 在frogn.css中，background-color被設置爲應該用於頁面的外部區域（其中沒有信息）。例如。像here。

在我正在使用的頁面中，background-color被bootstrap.less的顏色覆蓋 我不希望更改引導文件的設置，因爲它可能會影響其他頁面。

我該如何執行frogn.css的background-color才能顯示？ 我試過使用！重要的顏色屬性後，但它沒有幫助。

* 更新： 我注意到背景顏色實際工作後的設置！重要。我只做了一次普通的刷新，所以我得到了頁面的緩存版本。

Answer 1

在frogn.css我可以看到身體的背景已經有!important

body { background-color: #eaeaea !important; color: #333; } 

，也有應用了更具體的規則：

#front { background-color: #EAEAEA !important; } 

要覆蓋這些規則，你要提供更具體的選擇器，例如：

html #front { background-color: #FFF !important; } 

這會b e「較重」並應覆蓋默認值。

Answer 2

這樣做並不能解決問題：

body { background-color: #eaeaea !important; color: #333; }