选择器类别 | 权重 | 优先级 |
---|---|---|
!important | 1,0,0,0,0 | 最高,全局性 |
元素内样式style | 1,0,0,0 | 1 |
id选择器 | 0,1,0,0 | 2 |
类/属性/伪类 | 0,0,1,0 | 3 |
元素/伪元素 | 0,0,0,1 | 4 |
通配选择器* | 0,0,0,0 | 5 |
!important是用来使IE6和IE7、IE8、火狐(Firefox)、google等浏览器做兼容的,但IE6不能执行!important。
在使用!important时需要注意:
- Never 永远不要在全站范围的 css 上使用 !important
- Only 只在需要覆盖全站或外部 css(例如引用的 ExtJs 或者YUI )的特定页面中使用 !important
- Never 永远不要在你的插件中使用 !important
- Always 要优化考虑使用样式规则的优先级来解决问题而不是 !important