层叠机制--比较特殊性
Posted james23
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了层叠机制--比较特殊性相关的知识,希望对你有一定的参考价值。
总体规则
每一个声明都有一个特殊性,当发生冲突时,特殊性高的会保留,低的会淘汰,一个声明的特殊性取决于规则适用范围的大小,规则适用范围越大特殊越低,适用范围越小特殊性越高(html范围最大)
特殊性从高到低 :行内样式>ID选择器>类选择器>元素选择器>通配符选择器
具体规则
在比较特殊性时,每一个冲突的声明,会生成4个数字(abcd)来比较特殊性,a越大特殊性越高,若a相同则比较b,以此类推。
a:若声明是行内样式,则为1否则为0
b:规则中ID选择器的个数
c;规则中类选择器、伪类选择器、和属性选择器个数
d:规则中元素选择器、伪元素个数
当计算选择器分组的时候,并集选择器要分开计算。
以上是关于层叠机制--比较特殊性的主要内容,如果未能解决你的问题,请参考以下文章