CSS 优先级详解：选择器特定性计算规则

CSS 的优先级是根据选择器的特定性 (specificity) 来计算的。特定性是一个四位数值，由四个独立的部分组成，每个部分表示一个选择器的权重。

特定性的计算规则如下：

1. 内联样式（在 HTML 标签的 style 属性中）具有最高的优先级，特定性值为 1000。
2. ID 选择器的特定性值为 100。
3. 类选择器、属性选择器和伪类的特定性值为 10。
4. 元素选择器和伪元素的特定性值为 1。
5. 通配符选择器、子选择器、相邻选择器和后代选择器没有特定性值。

当多个选择器应用于同一个元素时，CSS 将按照特定性值的大小来决定应用哪个样式。具体规则如下：

1. 如果特定性值不同，则选择具有较高特定性值的样式。
2. 如果特定性值相同，则选择最后声明的样式。

需要注意的是，特定性值越高，优先级越高，即特定性值相同的情况下，内联样式具有最高优先级，其次是 ID 选择器，然后是类选择器和属性选择器，最后是元素选择器和伪类选择器。

特定性的计算是一种复杂的过程，但了解特定性的规则可以帮助我们更好地理解 CSS 样式的应用和优先级。