CSS选择器优先级与权重
2017-03-22 本文已影响36人
hello_water
| 选择器类别 | 权重 | 优先级 |
|---|---|---|
| !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
