在 CSS 中，优先级是一个关键概念，它决定了不同样式声明对 HTML 元素的应用顺序。当多个样式规则应用于同一个元素时，具有更高优先级的规则将覆盖优先级较低的规则。

CSS 优先级：理解样式表中的权重CSS 优先级：理解样式表中的权重


CSS 优先级：理解样式表中的权重


CSS 优先级由以下因素决定：

特殊性：选择器中 ID、类和元素名称的数量和类型。 来源：样式表的位置，例如内联、外部或用户样式表。 声明顺序：样式表中声明的顺序。

特殊性

特殊性是影响优先级的最重要因素。它衡量选择器对元素的具体性程度。特殊性值越高，其优先级就越高。特殊性值按照以下顺序计算：

ID 选择器：100 类选择器：10 元素名称：1

例如，ID 选择器 `my-id` 的特殊性为 100，而类选择器 `.my-class` 的特殊性为 10。

来源

样式表的来源也影响优先级。一般来说，内联样式的优先级高于外部样式表，而外部样式表又高于用户样式表。这是因为内联样式是对特定元素的体的样式声明。

声明顺序

如果多个规则具有相同的特殊性和来源，则声明顺序将成为决定因素。后声明的规则将覆盖先声明的规则。

示例

以下示例展示了优先级的作用：

```html

Paragraph

```

```css / 内联样式，特殊性为 100 / my-id { color: red; }

/ 外部样式表，特殊性为 10 / .paragraph { font-weight: bold; }

/ 内联样式，特殊性为 100，覆盖外部样式表 / my-id { font-size: 20px; } ```

在这种情况下，内联样式 `my-id` 的特殊性（100），因此其声明将应用于元素。因此，段落文本将以红色、粗体和 20 像素大小显示。

结论