首页 / CSS / CSS 优先级计算

CSS 优先级计算

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了CSS 优先级计算，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含590字，纯文字阅读大概需要1分钟。

内容图文

CSS 的优先级是根据样式声明的特殊值来判断的。

选择器的特殊值分为四个等级，如下：

  1. 标签内选择符 x,0,0,0
  2. ID 选择符 0,x,0,0
  3. class 选择符/属性选择符/伪类选择符 0,0,x,0
  4. 元素和伪元素选择符 0,0,0,x

计算方法：

  • 每个等级的初始值为 0
  • 每个等级的叠加为选择器出现的次数相加
  • 不可进位，比如 0,99,99,99
  • 依次表示为：0,0,0,0
  • 每个等级计数之间没有关联
  • 等级判断从左向右，如果某一位数值相同，则判断下一位数值。
  • 如果两个优先级相同，则最后出现的优先级高，!important 也适用。
  • 通配符选择器的特殊值为：0,0,0,0
  • 继承样式优先级最低，通配符样式优先级高于继承样式。
  • !important（权重），它没有特殊值，但它的优先级是最高的，为了方便记忆，可以认为它的特殊值为 1,0,0,0,0

注意：

  1. 样式应用时，CSS 会先查看规则的权重（!important），加了权重的优先级最高，当权重相同时，会比较规则的特殊性。
  2. 特殊性值越大的声明优先级越高。
  3. 相同特殊值的声明，根据样式引入的顺序，后声明的规则优先级高（距离元素出现最近的）
  4. 部分浏览器由于字节溢出问题出现的进位表现不做考虑。

原文：https://www.cnblogs.com/xiaoyucoding/p/13287175.html

内容总结

以上是互联网集市为您收集整理的CSS 优先级计算全部内容，希望文章能够帮你解决CSS 优先级计算所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1108982.html

来源：【匿名】