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

ttx9n · 发表于 2014-6-5 16:10:32

使用!important对于性能并没有什么负面影响。但是从可维护性角度考虑还是少用这个规则。不过这个规则在IE6中有bug 最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式。按照常理来说，越是灵活的东西，需要做的工作就会更多。所以想当然的认为像!important这样灵活、方便的规则如果用得多的话肯定会对性能有所影响。基于这种考虑，本来想把所有的这些样式通过提高优先级给去掉的。不过后来一想，还是去google一下吧，猜想一般都是不可靠的。

复制代码代码如下:
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 规则），使用的时候还要注意。

e8hwl6prw · 发表于 2022-8-20 19:08:21

啊啊啊啊啊啊啊啊啊啊啊啊啊啊

leidie123a · 发表于 2022-10-29 17:05:07

天天源码社区。。。。

e5plu · 发表于 2022-12-8 23:23:13

数据库了多久撒快乐的健身卡啦

jasonlong · 发表于 2022-12-14 09:15:27

谢谢您的分享！

张.. · 发表于 2023-7-21 07:07:55

老衲笑纳了

wxrf98xr · 发表于 2023-9-12 01:15:02

管灌灌灌灌灌灌灌灌灌灌

额呵呵 · 发表于 2024-4-13 07:14:47

哦哦哦哦哦哦哦哦哦

kwzc65wdj · 发表于 2024-6-10 04:48:21

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

回复用户1 · 发表于 2024-7-17 06:01:14

哦哦哦ijhhsdj

账号		自动登录	找回密码
密码			立即注册

[CSS] 从可维护性角度考虑css的!important规则的可用性

相关帖子