选择器 | 案例 | 权重值 |
---|---|---|
!important | !important | Infinity |
内联样式 | style=".." | 1000 |
ID | #id | 100 |
class | .class | 10 |
属性 | [type='text'] | 10 |
伪类 | :hover | 10 |
标签 | p | 1 |
伪元素 | ::first-line | 1 |
相邻选择器、子代选择器、通配符 | * > + | 0 |
比较规则
- 1000>100。也就是说从左往右逐个等级比较,前一等级相等才往后比。
- 在权重相同的情况下,后面的样式会覆盖掉前面的样式。
- 继承属性没有权重值
- 通配符、子选择器、相邻选择器等的。虽然权值为0,但是也比继承的样式优先。
- ie6以上才支持
important
,并且尽量少用它。