css - CSS级联起源和重要性的优先级

Question

根据specs，声明来源的优先级如下（Top 胜）：

1. 过渡声明 [css-transitions-1]
2. 重要的用户代理声明
3. 重要的用户声明
4. 重要作者声明
5. 动画声明 [css-animations-1]
6. 正常作者声明
7. 普通用户声明
8. 普通用户代理声明

我正在尝试验证普通作者声明 (6) 是否胜过普通用户声明 (7)，但我认为我得到了相反的结果：

在上面的示例中，我有一个外部 css 文件 ( style.cssp )，它将元素的颜色声明为green.

然后我添加一些用户样式，将相同选择器的颜色声明为blue.

我希望作者声明（绿色）会胜过用户声明（蓝色），但情况恰恰相反。

关于发生了什么的任何想法？也许我在示例中做错了什么？

Answer 1

从开发工具应用的自定义 CSS 不被视为用户样式表，而是作为内联的作者样式表。这就是它优于外部 CSS 声明的原因。

afaik 对用户样式表的支持早在 2014 年就从 Chrome 中删除了，设置它们的唯一方法是通过扩展。对于 Firefox，您可以编辑 userContent.css

Answer 2

在颜色样式表中添加“ ！important ”。见下文

p{
    color: green !important;
}