CSS选择器权重详解：优先级规则及计算方法

选择器权重用于确定在CSS中哪些样式规则将具有优先权。选择器权重是由选择器的类型（如ID选择器、类选择器、属性选择器等）组成的数字值，该数字值越高，优先级越高。

选择器权重的计算方式如下：

每个选择器类型都有一个基本权重值，如元素选择器的基本权重值为1，类选择器和属性选择器的基本权重值为10，ID选择器的基本权重值为100。
对于每个选择器，将其基本权重值与出现次数相乘，得到选择器的特定权重值。
如果多个选择器应用于同一元素，则它们的特定权重值将相加，以确定优先级。
如果两个或多个选择器的特定权重值相同，则后面的选择器将具有优先权。

例如，以下选择器的权重顺序为：ID选择器 > 类选择器 > 元素选择器。

#header                 /* 权重为100 */
body #header            /* 权重为101 */
.header                 /* 权重为10 */
div .header             /* 权重为11 */
header                  /* 权重为1 */