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
本内容均为个人学习使用
浙公网安备 33010602011771号