CSS 选择器优先级

CSS 选择器优先级（从高到低）可以记为：

1. !important（同一来源下最高）
2. 行内样式（style=""）
3. ID 选择器（#id）
4. 类/属性/伪类（.class、[type]、:hover）
5. 元素/伪元素（div、::before）
6. 通配符和继承（*、继承样式）

---

常用“权重值”表示法：

• 行内：1000
• ID：100
• 类/属性/伪类：10
• 元素/伪元素：1

例如：

• #app .item p = 100 + 10 + 1 = 111
• .card p = 10 + 1 = 11

111 > 11，所以前者生效。

---

补充规则：

• 权重相同：后写的覆盖先写的（就近原则）。
• :not() 本身不加权重，但其参数参与计算。
• !important 应谨慎使用，避免样式难维护。