1、概念
权重(weight),也可理解为优先级(Specificity)
REF: specificity-MDN
2、为什么需要权重?
优先级,优先级,需要出现一个情况发生冲突在不同选择上(如样式冲突)
样式冲突: 通过不同选择器,选择中相同元素,设置不同样式值时,样式会面临一个选择的问题,这时就发生了冲突了。
3、选择器权重分类
| 选择器 | 权重 |
|---|---|
| !important | 最高优先级 |
| 内联样式 | 1,0,0,0 |
| id选择器 | 0,1,0,0 |
| 类和伪类选择器 | 0,0,1,0 |
| 元素选择器 | 0,0,0,1 |
| 通配选择器 | 0,0,0,0 |
| 继承的样式 | 没有优先级 |
使用原则:
- 选择器权重相加,谁高选谁(分组选择器是单独计算)
- 选择器累加不会超过其最大数量级(如
类选择器在怎么叠加不会超过id选择器) - 如权重计算后相等,则按照执行自上而下原则(
就近原则)选择选择器样式 - 在样式后面加上
!important表示最高优先级(开发慎用)
涉及优先级的问题: 有时设置样式,发现没有生效,可能是优先级的问题