面试题：CSS 选择器优先级怎么算？!important 呢？

权重（特异性）简化

从高到低比较「谁更具体」：

1. 内联样式 style=""（最高，一般不推荐滥用）。
2. #id。
3. 类、属性、伪类（.btn、[type=text]、:hover）。
4. 元素、伪元素（div、::before）。

通配符 *、继承、子选择器结合符本身权重为 0 档（比较时不加分）。

同档则数量多者胜；再相同则后写覆盖前写（源顺序）。

记忆口诀

「内联 > id > class/属性/伪类 > 标签/伪元素」。

!important

打破常规优先级，难维护，仅适合覆盖第三方脏样式等少数场景；层叠层 @layer（现代 CSS）可更可控地管理优先级。