css - 样式表优先顺序

Question

如果我有以下样式表：

user important declarations
user normal declarations
author normal declarations
user agent declarations
author important declarations

并且需要从最高优先级到最低优先级应用它们，我应该按什么顺序使用它们？

Answer 1

正确的优先顺序是从最不重要到最重要：

1. 用户代理
2. 普通用户
3. 作者 普通
4. 作者 重要
5. 用户重要

如规范中所定义

Answer 2

CSS 声明按以下顺序应用（从最低到最高优先级）：

1. 用户代理声明（浏览器应用于元素的默认样式）
2. 用户正常声明（用户自己的样式表，如果他们正在使用）
3. 作者正常声明（这是您的正常样式表）
4. 作者重要的声明（任何你的重要标记）
5. 用户重要声明（用户样式表中的任何重要样式）

Answer 3

以下内容取自这里。

Style 属性可以出现在任意数量的样式表中，并且在单个样式表中出现多次。因此，应用规则的顺序非常重要。这称为“级联”顺序。根据 CSS2 规范，级联顺序是（从低到高）：

1. 浏览器声明
2. 用户正常声明
3. 作者正常声明
4. 作者重要声明
5. 用户重要声明

a) 浏览器声明最不重要；
b) 仅当声明被标记为重要时，用户才覆盖作者。
c) 具有相同顺序的声明将按特异性排序，然后是它们指定的顺序。
d) HTML 视觉属性被翻译成匹配的 CSS 声明。
e) 它们被视为低优先级的作者规则。