CSS选择器优先级

选择器优先级由低到高顺序:

如果一个选择器里有多个选择器,就利用权重值相加比较,权重值大就被执行

important>内联>id>class = 属性 = 伪类 >标签 = 伪元素 > 通配符(*)

四个级别分别为:行内选择符、ID选择符、类别选择符、元素选择符。

  优先级的算法:

  每个规则对应一个初始"四位数":0、0、0、0

  若是 行内选择符,则加1、0、0、0

  若是 ID选择符,则加0、1、0、0

  若是 类选择符/属性选择符/伪类选择符,则分别加0、0、1、0

  若是 元素选择符/伪元素选择符,则分别加0、0、0、1

  算法:将每条规则中,选择符对应的数相加后得到的”四位数“,从左到右进行比较,大的优先级越高。 

例如div.class优先级高于.class。

important声明 1,0,0,0(后面的是权重值,可以相加减)

ID选择器 0,1,0,0

类选择器 0,0,1,0

伪类选择器 0,0,1,0

属性选择器 0,0,1,0

标签选择器 0,0,0,1

伪元素选择器 0,0,0,1

通配符选择器 0,0,0,0

posted @ 2020-12-24 17:02  小安不菜  阅读(180)  评论(0)    收藏  举报