如何从可维护性角度考虑css的!important规则的可用性

本篇内容介绍了“如何从可维护性角度考虑css的!important规则的可用性”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

代码如下:

if (aIsImportant) {
if (!HasImportantBit(aPropID))
changed = PR_TRUE;
SetImportantBit(aPropID);
} else {
// ...

代码如下:

/**
* Transfer the state for |aPropID| (which may be a shorthand)
* from |aFromBlock| to this block. The property being transferred
* is !important if |aIsImportant| is true, and should replace an
* existing !important property regardless of its own importance
* if |aOverrideImportant| is true.
*
* ...
*/

从上面可以看出，firefox对于!important规则的判断很简单：将包含!important的样式直接覆盖了正常生成的样式规则，然后如果解析到后面还有!important规则时，再和以前的important规则比较优先级。就是说，使用!important的CSS规则是置为了最高优先级，然后最高优先级中去判断应用那个样式。
结论就是，使用!important对于性能并没有什么负面影响。但是从可维护性角度考虑还是少用这个规则。不过这个规则在IE6中有bug（IE6 IE7(Q) IE8(Q) 不完全支持 !important 规则），使用的时候还要注意。

“如何从可维护性角度考虑css的!important规则的可用性”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注亿速云网站，小编将为大家输出更多高质量的实用文章！