CSS文件应用顺序

Question

我有一个关于 CSS 文件及其在浏览器中的应用顺序的问题。我们有:

1. 浏览器(系统)CSS 文件，
2. 用户 CSS 文件，
3. 用户CSS重要文件，
4. 站点 CSS 文件，
5. 站点CSS重要文件，

当页面加载时，一些 CSS 代码会根据顺序或 !important 字替换其他代码。我上面列出的顺序是否正确，所以站点 CSS 重要文件可以覆盖所有以前的样式？

Answer 1

CSS 代码不会替换其他 CSS 代码，与解析样式表的顺序无关。实际上没有应用顺序，因为所有适用的样式表都被考虑在内。当多个样式表为一个元素的一个属性赋值时，那么根据cascade rules解决冲突。 .那么顺序是:

1. 用户代理声明(浏览器默认样式)

2. 用户正常声明

3. 作者(页面)正常声明

4. 作者(页)重要声明

5. 用户重要声明

因此，作者(页面)!important 声明胜过除用户 !important 声明之外的所有内容。在 Css 1 中，顺序有所不同，但这在 CSS 2 中发生了变化，浏览器遵循当前规则:用户始终拥有最终决定权，如果他想行使他的权利。