栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

了解CSS选择器的优先级/特异性

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

了解CSS选择器的优先级/特异性

我将仅介绍CSS 2.1规范本身的链接,以及浏览器 如何计算特异性:

CSS 2.1第6.4.3节:

选择器的特异性计算如下:

  • 如果声明的来源是’style’属性而不是带有选择器的规则,则计数为1,否则为0;否则(= a)(在HTML中,元素的“
    style”属性的值是样式表规则。这些规则没有选择器,因此a = 1,b = 0,c = 0和d = 0。)
  • 计算选择器中ID属性的数量(= b)
  • 计算选择器中其他属性和伪类的数量(= c)
  • 计算选择器中元素名称和伪元素的数量(= d)
  • 特异性仅基于选择器的形式。特别是,即使将id属性定义为“ ID”,形式为[[id = p33]”的选择器也被视为属性选择器(a = 0,b =
    0,c = 1,d = 0)在原始文件的DTD中。


将四个数字abcd(在基数较大的数字系统中)连接起来可得出特异性。

如果特异性相同,则CSS 2.1第6.4.1节生效:

  1. 最后,按指定的顺序排序:如果两个声明的权重,来源和特异性相同,则以后者为准。导入的样式表中的声明被视为在样式表本身中的任何声明之前。

请注意,这里所说的是样式的定义时间,而不是使用时间。如果类

.a
.b
具有相同的特异性,则以 样式表中 最后定义 的那个 为准。
<p >...</p>
<p >...</p>
将同样的风格,根据定义顺序
.a
.b



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/367744.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号