css 选择器的优先级-【css选择器世界】

• 1 对于优先级的计算，数值计数法：
  每一段css语句的选择器都对应一个具体的数值，数值越大，优先级越高，其中的css语句将被优先渲染。
  其中：出现一个0级选择器，优先级数值+0；
  出现一个1级选择器，优先级数值+1；
  出现一个2级选择器，优先级数值+10；
  出现一个3级选择器，优先级数值+100；
• 2 css优先级规则
  0级：通配符选择器、选择符、逻辑组合伪类
  *
  + 、> 、~、空格、||
  逻辑组合伪类： :not 、:is、:where
  1级: 标签选择器
  2级：类选择器,属性选择器，伪类
  3级：id选择器
  4级：style属性内联
  5级：!important
• 3 优先级数值一样时候，后渲染的选择器优先级更高
• 4 增加css选择器优先级的小技巧：重复选择器本身.foo.foo
• 5 数值计算法：不是很严谨的方法