基本的的优先级

!important > 权重高的 > 权重相同位置靠后的 > 来自继承的

如何计算选择器的权重

  • 一个选择器由四部分计算得分：
  1. 千位：如果声明在style的属性得一分
    1. 比如：<div style="color: red"/>
  2. 百位：id 选择器
  3. 十位：类选择器、属性选择器、伪类
  4. 个位：标签选择器、伪元素选择器
  • 举例：
  • #id h1.content.wrapper 得分 0121
  • h1.content.wrapper::before得分0022
  • 前者权重大于后者