css层叠:比较特殊性

css层叠比较第二步的特殊性

2:比较特殊性:规则适用范围越大,特殊性越小,反之;发生冲突时,特殊性高的保留,低的淘汰

①特殊性由高到低。行内样式>ID选择器>类选择器>元素选择器>通配符

②比较特殊性,生成abcd四个数字,比较abcd的值;a越大,特殊性越高,若a相同,则比较b,依次到d,,,

a:若声明是行内样式,则为1,否则为0
b:规则中ID选择器的个数
c:规则中类选择器,伪类选择器和属性选择器的个数
d:规则中元素选择器,伪元素选择器的个数
通配符选择器特殊性为0,所以不比较

猜你喜欢

转载自www.cnblogs.com/yt0817/p/11674941.html