首页 > 技术文章 > css选择器的优先级

xyyt 2019-04-11 15:02 原文

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

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

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

推荐阅读