CSS 样式优先级详解：从 !important 到通配符选择器

CSS 样式优先级是指在 CSS 中，如果多个选择器对同一个元素应用了不同的样式规则，那么哪个样式规则会被应用的优先级。

CSS 样式优先级按照以下顺序排列：

1. !important 标记的样式具有最高优先级，即使是后面的样式也不能覆盖它。

2. 行内样式（在 HTML 标签中使用 style 属性定义的样式）。

3. ID 选择器 (#id)。

4. 类选择器、伪类选择器和属性选择器 (.class, :pseudo-class, [attribute])。

5. 标签选择器和伪元素选择器 (element, ::pseudo-element)。

6. 通配符选择器、组合选择器和子选择器 (*, +, >)。

在计算样式优先级时，只有选择器中的特定部分（ID、类、标签等）才会被计算，而不是整个选择器。例如，#id .class p 和 .class p，它们的优先级相同，因为它们都包含了一个类选择器和标签选择器。