选择器 | 权重值 |
!important | infinity |
行间样式 | 1000 |
id | 100 |
class|属性|伪类 | 10 |
标签|伪元素 | 1 |
通配符 | 0 |
CSS中各个选择器之间权重的进制为256进制
优先级一样的时候谁在后面,谁起作用(覆盖)
在CSS中infinity+1就是要比infinity大一
例子:
上面代码段通过下面两种方式加上背景颜色
1.
结果
2.
结果
若是1 2同时存在背景变成 red 这是由于1的选择器权重大于2的选择器权重
在CSS中使用选择器的时候我们常常会利用权重计算简化问题