层叠机制--比较特殊性

总体规则

每一个声明都有一个特殊性,当发生冲突时,特殊性高的会保留,低的会淘汰,一个声明的特殊性取决于规则适用范围的大小,规则适用范围越大特殊越低,适用范围越小特殊性越高(html范围最大)

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

具体规则

在比较特殊性时,每一个冲突的声明,会生成4个数字(abcd)来比较特殊性,a越大特殊性越高,若a相同则比较b,以此类推。

a:若声明是行内样式,则为1否则为0

b:规则中ID选择器的个数

c;规则中类选择器、伪类选择器、和属性选择器个数

d:规则中元素选择器、伪元素个数

当计算选择器分组的时候,并集选择器要分开计算。

原文地址:https://www.cnblogs.com/James23/p/8848572.html