CSS中权重的关系

在 CSS 中，选择器的权重决定了多个规则应用于同一元素时的优先级。以下是 CSS 权重顺序从高到低的规则：

1.!important：具有 !important 标记的属性具有最高的优先级。使用 !important 可以覆盖任何其他规则。

2.内联样式（Inline styles）：在 HTML 元素内部使用 style 属性定义的样式具有较高的优先级。

3.ID 选择器（ID selectors）：使用 # 符号定义的 ID 选择器具有比类选择器和标签选择器更高的优先级。

4.类选择器、属性选择器和伪类选择器（Class selectors, Attribute selectors, Pseudo-class selectors）：类选择器（以 . 开头）、属性选择器（以 [attribute] 开头）和伪类选择器（以 : 开头）具有相同的优先级。

5.标签选择器和伪元素选择器（Type selectors, Pseudo-element selectors）：标签选择器（如 div、p）和伪元素选择器（以 :: 或 : 开头）具有较低的优先级。

6.继承（Inheritance）：如果没有为元素指定具体的样式规则，元素将继承其父元素的样式。