如何覆蓋背景顏色：＃000000！important;

Question

我想重寫一個WordPress項目的background-color: black !important屬性或刪除該屬性，但我無法在我的CSS文件中找到它。

#top-nav > div > ul > li.current-menu-item, #top-nav > div > div > ul > li.current-menu-item, #top-nav > div > ul > li:hover, #top-nav > div > div > ul > li:hover, .top-nav-list > li > ul li:hover, .top-nav-list ul li ul li:hover { 
    background-color: #000000 !important; 
} 

Answer 1

找到一種方法來包含您想要覆蓋的規則後所需的規則。

CSS的定義中，CSS是層疊樣式表。這意味着下面的代碼：

.divwhatever { background-color: black; } // On WordPress Original File 
.divwhatever { background-color: white; } // On WordPress Theme File 
.divwhatever { background-color: red !important; } // On WordPress Child Theme 
.divwhatever { background-color: orange ! important; } // On a specific File 

最後會以橙色背景呈現。

除非有以前的!important規則，否則總是應用最後處理的規則。

在這種情況下，以!important修飾符爲準的上次處理規則將佔上風。

這是一個非常不好的做法：理想情況下，你會發現原來的規則，改變它，或者至少是，有相同的DOM模型不超過一個!important語句，但我知道WordPress主題多麼艱難可對初學者:)