选择器优先级

选择器优先级指的是在 CSS 样式中，当多个选择器作用于同一个元素时，哪个选择器的样式规则会被应用。选择器优先级由四个级别构成：

1. 内联样式（在元素的 style 属性中的样式）- 优先级最高
2. ID 选择器（#id）- 优先级第二高
3. 类选择器、属性选择器和伪类选择器（.class、[attribute]、:hover 等）- 优先级第三高
4. 元素选择器和伪元素选择器（div、p、::before 等）- 优先级最低

如果有多个选择器具有相同的优先级，则后面定义的样式会覆盖先前定义的样式。如果两个选择器的优先级相同，但是定义的顺序不同，则后面定义的样式会覆盖先前定义的样式。