- 元素选择器
特殊性：0-0-0-1 - 类选择器
特殊性：0-0-1-0 - ID选择器
特殊性：0-1-0-0 - 关系选择器
特殊性： 结合符（+ ~ *）对特定性没有任何贡献 - 属性选择器
特殊性： 0-0-1-0 - 伪类
特殊性： 0-0-1-0
用例：斑马表格背景
: nth-child(n) 其父元素的第nth个子元素
: nth-of-type(n) 其同类型的第nth个兄弟元素
: not 否定伪类自身没有任何值，但是它的参数的权重会被增加到整个选择器的权重上。 - 伪元素
特殊性： 0-0-0-1
常用的： ::before ::after
特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。
层叠规则：
- 更特定的规则优先于更一般的规则。如果特定性上相等，则后面的规则优先于前面的规则。
- 一个单独的ID选择器具有比一个具有任何数量类的选择器更高的权重。
- 内联和！important会破坏层叠规则
网友评论