使用！重要的CSS警告

我正在创建一个网站的过程中，借助插件和WordPress，插件是LearnDash, BuddyBoss和BuddyPanel，并且我无法保持顶部导航栏保持不变并且在有人登录后，我登录时就是这样，但不是在登录之前。使用！重要的CSS警告

所以我从BuddyBoss得到了关于这方面的支持人员的帮助，他们给了我一些代码，其中包含我以前从未遇到过的警告，它的代码行是。

color: #012243!important;

有代码的{}内没有其它线路，警告是Use of !important。

我该如何解决这个问题？

来源

2016-07-16 Jon Smith

这里有一个什么答案！在CSS http://stackoverflow.com/questions/9245353/what-does-important-in-css-mean –

谢谢重要呢@MohamedSobhy我现在来看看:) –

TL; DR：使用'！important'否决CSS的任何特殊性。 '！重要'规则只能被其他'！import'规则覆盖，但更具体。这里的顺序：'与important'样式规则>'与important'>'与important'>'风格rules'>'具体rules'>'那么具体rules'不太具体规则具体规则！！特异性意味着'DIV＃myId'不仅仅是'div'作为选择更具体的，因此具有的东西更重要的发言权。 –

使用important!改性剂是有点气馁，而且，在预置的主题大多数情况下，最合适的方法来覆盖默认设置。所以，就你而言，这可能是你可以覆盖默认颜色的唯一方法。只要使用它就行了。

而且，我会写这条规则为：

color: #012243 !important;

所以，把颜色代码和!important之间的空间。

来源

2016-07-16 11:02:15 ceruleus

它永远不是'最合适的方式，特别是对于可能导致意外行为的主题，您需要更多地改变更多的问题。最好让选择器与主题相同。这种方式继承和风格的依赖保留。 –

当然，但价格便宜的主题（或更小便宜，但非常发达）不授予使用CSS类的编译萨斯的可能性，以及他们没有自定义外观的任何选项，并在CMS部分感觉。正如我所看到的，OP没有太多的经验，所以这可能是他做quickfix的最佳解决方案。另外，主题开发者给了他这个建议，所以你可以想象这个主题的发展有多好。 – ceruleus

请勿使用_bad_来证明另一个理由。 – LGSon

使用important是显而易见的选择，但如果可能的话，增加specificity代替

div#higher { 
 
    color: yellow; 
 
    background: lightgray; 
 
} 
 

 
#higher { 
 
    color: blue; 
 
    background: lightgray; 
 
} 
 

 
div.high { 
 
    color: lime; 
 
    background: lightgray; 
 
} 
 

 
.high { 
 
    color: red; 
 
    background: lightgray; 
 
}

<div id="higher" class="high">Hey there</div>

甚至更好，只是复制的规则，并将其添加到自定义CSS加载后主题的CSS。

/* theme CSS rule */ 
 
.parent .child { 
 
    color: red; 
 
    background: blue; 
 
} 
 

 

 
/* custom CSS rule - loaded/ordered after */ 
 
.parent .child { 
 
    color: yellow; 
 
    background: lightgray; 
 
}

<div class="parent"> 
 
    <div class="child"> 
 
    Hey there 
 
    </div> 
 
</div>

来源

2016-07-16 11:20:41 LGSon

使用！重要的CSS警告

回答

相关问题