CSS 选择器优先级详解：从基础到 !important

CSS 选择器优先级是指用于确定哪个规则会在多个规则应用于同一元素时优先应用的算法。选择器优先级根据选择器的组合确定，以下是选择器优先级的规则：

1. 选择器优先级从左到右，左侧选择器权重高于右侧选择器。

2. 如果两个选择器的权重相等，则选择靠后的选择器。

3. ID 选择器的权重最高，为 100。

4. 类选择器、属性选择器和伪类选择器的权重为 10。

5. 元素选择器和伪元素选择器的权重为 1。

6. 通配符选择器 (*) 和继承选择器 (inherit) 的权重为 0。

7. !important 规则优先级最高，无论其他选择器的权重如何，都会覆盖其他规则。

总之，选择器的优先级按照上述规则计算，数值越大的选择器优先级越高，如果存在多个具有相同优先级的规则，则最后应用的规则是最后出现的规则或者是具有 !important 声明的规则。