CSS 选择器优先级详解：如何确定样式应用规则

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

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

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