头闻号

东莞市大岭山辰光塑胶加工店

家居用品加工|学校家具|酒店家具|餐厅家具|办公家具|卧室家具

首页 > 新闻中心 > 科技常识:从可维护性角度考虑css的!important规则的可用性
科技常识:从可维护性角度考虑css的!important规则的可用性
发布时间:2023-02-01 09:58:39        浏览次数:3        返回列表

今天小编跟大家讲解下有关从可维护性角度考虑css的!important规则的可用性 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关从可维护性角度考虑css的!important规则的可用性 的相关资料,希望小伙伴们看了有所帮助。

最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式。按照常理来说 越是灵活的东西 需要做的工作就会更多。所以想当然的认为像!important这样灵活、方便的规则如果用得多的话肯定会对性能有所影响。基于这种考虑 本来想把所有的这些样式通过提高优先级给去掉的。不过后来一想 还是去google一下吧 猜想一般都是不可靠的。 复制代码代码如下: if (aIsimportant) { if (!HasimportantBit(aPropID)) changed = PR_TRUE; SetimportantBit(aPropID); } else { // ... 复制代码代码如下: 从上面可以看出 firefox对于!important规则的判断很简单:将包含!important的样式直接覆盖了正常生成的样式规则 然后如果解析到后面还有!important规则时 再和以前的important规则比较优先级。就是说 使用!important的CSS规则是置为了最高优先级 然后最高优先级中去判断应用那个样式。 结论就是 使用!important对于性能并没有什么负面影响。但是从可维护性角度考虑还是少用这个规则。不过这个规则在IE6中有bug(IE6 IE7(Q) IE8(Q) 不完全支持 !important 规则) 使用的时候还要注意。

来源:爱蒂网