Loading... 1. 千位： 如果声明在 style 的属性（内联样式）则该位得一分。这样的声明没有选择器，所以它得分总是1000。 2. 百位： 选择器中包含ID选择器则该位得一分。 3. 十位： 选择器中包含类选择器、属性选择器或者伪类则该位得一分。 4. 个位： 选择器中包含元素、伪元素选择器则该位得一分。 <div class="tip inlineBlock warning"> 注: 通用选择器 (*)，组合符 (+, >, ~, ' ')，和否定伪类 (:not) 不会影响优先级。 </div> <div class="tip inlineBlock error"> 警告: 在进行计算时不允许进行进位，例如，20 个类选择器仅仅意味着 20 个十位，而不能视为 两个百位，也就是说，无论多少个类选择器的权重叠加，都不会超过一个 ID 选择器。 </div> ## !important ## 有一个特殊的 CSS 可以用来覆盖所有上面所有优先级计算，不过需要很小心的使用 — !important。用于修改特定属性的值， 能够覆盖普通规则的层叠。 <div class="tip inlineBlock warning"> 注： 覆盖 !important 唯一的办法就是另一个 !important 具有 *相同优先级* 而且顺序靠后，或者更高优先级。 </div> Last modification：July 26, 2021 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 0 如果觉得我的文章对你有用，请随意赞赏
