css选择器的权重

CSS选择器的权重是用于决定多个选择器应用于同一元素时，哪个样式规则优先级更高的规则。CSS选择器的权重由四个部分组成，分别是：

1. 内联样式（1000）
2. ID选择器（100）
3. 类选择器、属性选择器、伪类选择器（10）
4. 元素选择器、伪元素选择器（1）

这些部分的权重值会叠加，最终用于决定样式规则的优先级。例如，一个元素同时有一个类选择器和一个ID选择器，那么ID选择器的权重会高于类选择器的权重，因为100 > 10。

在计算权重时，通配选择器（*）和子选择器（>）不会影响权重，而组合选择器（+、~、空格）会影响权重。如果两个选择器具有相同的权重，那么后面出现的样式规则会覆盖前面出现的样式规则。