层叠机制--比较特殊性

Posted james23

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了层叠机制--比较特殊性相关的知识,希望对你有一定的参考价值。

总体规则

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

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

具体规则

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

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

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

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

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

 

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

以上是关于层叠机制--比较特殊性的主要内容,如果未能解决你的问题,请参考以下文章

层叠的过程

CSS学习层叠

css的继承层叠和特殊性

CSS--基础结构层叠

层叠机制

CSS 权值 层叠 重要性(!important)