首页 > Web开发 > 详细

css选择器的优先级

时间:2019-04-11 15:45:58      阅读:118      评论:0      收藏:0      [点我收藏+]

为同一个元素设置多个样式时,此时哪个样式生效由选择器的优先级确定:

选择器的优先级(权重):

·内联样式id选择器类和伪类选择器元素选择器统配选择器继承的样式
优先级 1000 100 10 1 0
  1. 当一个选择器中含有多个选择器时,需要将所有的选择器的优先级进行相加,然后再进行比较,优先级高的优先显示,选择器的计算不会超过其最大的数量级(10个id选择器的优先级
  2. 不能达到1000)
  3. 分组选择器(并集选择器)的优先级单独计算,不会相加。
  4. 样式后面加!important,该样式获取最高优先级,内联样式不能加!important属性。
  5. 样式相同的谁在下面执行谁(样式的覆盖)。

css选择器的优先级

原文:https://www.cnblogs.com/xyyt/p/10689769.html

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