css选择器

1. 元素选择器
   特殊性：0-0-0-1
2. 类选择器
   特殊性：0-0-1-0
3. ID选择器
   特殊性：0-1-0-0
4. 关系选择器
   特殊性： 结合符（+ ~ *）对特定性没有任何贡献
5. 属性选择器
   特殊性： 0-0-1-0
6. 伪类
   特殊性： 0-0-1-0
   用例：斑马表格背景
   : nth-child(n) 其父元素的第nth个子元素
   : nth-of-type(n) 其同类型的第nth个兄弟元素
   : not 否定伪类自身没有任何值，但是它的参数的权重会被增加到整个选择器的权重上。
7. 伪元素
   特殊性： 0-0-0-1
   常用的： ::before ::after

特殊性分为4个等级，每个等级代表一类选择器，每个等级的值为其所代表的选择器的个数乘以这一等级的权值，最后把所有等级的值相加得出选择器的特殊值。

层叠规则：

• 更特定的规则优先于更一般的规则。如果特定性上相等，则后面的规则优先于前面的规则。
• 一个单独的ID选择器具有比一个具有任何数量类的选择器更高的权重。
• 内联和！important会破坏层叠规则