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):如果没有为元素指定具体的样式规则,元素将继承其父元素的样式。

猜你喜欢

转载自blog.csdn.net/KzhengKevin/article/details/130767486