CSS系列-3.CSS选择器优先级的计算

发表于 | 分类于

CSS系列-3.CSS选择器优先级的计算

CSS选择器的计算遵从如下规则

1
2
3
4
*{}   /*通配符最低记为 0 0 0 0*/
p{}   /*普通的标签 伪元素 记为 0 0 0 1*/
.class{} /*类属性值 属性选择或伪类 记为 0 0 1 0*/
#id{} /*id记为 0 1 0 0*/

内联最高记为 (不考虑!important的情况下) 1 0 0 0

从最高位比 最高为 1 比其他都大

组合的情况

1
p h2{} /*两个0 0 0 1 即为 0 0 0 2*/