首页 > 其他 > 详细

层叠机制--比较特殊性

时间:2018-04-15 19:24:06      阅读:131      评论:0      收藏:0      [点我收藏+]

总体规则

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

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

具体规则

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

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

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

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

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

 

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

层叠机制--比较特殊性

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!