如何覆盖背景颜色：＃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主题多么艰难可对初学者:)