选择器权重计算
1、加法运算
- 内嵌样式 1000
- id 100
- class、属性选择器、伪类 10
- 标签、伪元素 1
- 通配符、继承样式 0
- 注意:加法运算,不满足10进1的标准List item
2、4个0
- 内嵌样式 (1,0,0,0)
- id (0,1,0,0)
- class、属性选择器、伪类 (0,0,1,0)
- 标签、伪元素 (0,0,0,1)
- 通配符、继承样式 (0,0,0,0)
从左往右依次比较,只要发现某一个0比其他的大那么,它的权重就更高
100个class都没有1个id权重高
3、!important
- 将权重提高到最高,内嵌都没有!important高
#demo{
color: blue;
}
.demo1.demo2.demo3.demo4.demo5{
color: red !important; 这个的权重更高
}
不建议大量使用!important,破坏css的权重结构。