为了账号安全,请及时绑定邮箱和手机立即绑定

!important和js设置css的优先级谁高?

!important和js设置css的优先级谁高?

梵蒂冈之花 2019-02-25 13:15:07
!important和js设置css的优先级谁高?
查看完整描述

1 回答

?
Cats萌萌

TA贡献1805条经验 获得超9个赞

当在一个样式声明中使用一个!important 规则时,此声明将覆盖任何其他声明。虽然技术上!important与特异性无关,但它与它直接相关。

使用 !important 是一个坏习惯,应该尽量避免,因为这破坏了样式表中的固有的级联规则 使得调试找bug变得更加困难了。当两条相互冲突的带有 !important 规则的声明被应用到相同的元素上时,拥有更大优先级的声明将会被采用。

一些经验法则:

Always 要优化考虑使用样式规则的优先级来解决问题而不是 !important
Only 只在需要覆盖全站或外部 css(例如引用的 ExtJs 或者 YUI )的特定页面中使用 !important
Never 永远不要在全站范围的 css 上使用 !important
Never 永远不要在你的插件中使用 !important

请参考MDN:优先级 - CSS | MDN


查看完整回答
反对 回复 2019-03-03
  • 1 回答
  • 0 关注
  • 1583 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号