优先级计算

1 minIntermediate2026/6/14

权重规则

1. 优先级层级

优先级	选择器类型	示例	权重
A	内联样式	`style="..."`	(1,0,0,0)
B	ID 选择器	`#header`	(0,1,0,0)
C	类/属性/伪类	`.nav`, `:hover`	(0,0,1,0)
D	元素/伪元素	`div`, `::before`	(0,0,0,1)

比较规则：A > B > C > D，逐位比较。

#nav .list li:hover → (0, 1, 2, 1)
.nav li             → (0, 0, 1, 1)
li                  → (0, 0, 0, 1)

.text {
  color: red !important;
} /* 优先级最高 */

优先级：内联 !important > 普通 !important > 内联 > 普通

:is(#id, .class) p {
} /* 取最高：(0,1,0,1) */
:where(#id, .class) p {
} /* 始终为 0：(0,0,0,1) */

通配符 *、组合符 > + ~、:not() 本身不计（参数计）

优先级相同时：来源 > 层叠层 > 顺序