根据specs ，声明来源的优先级如下(Top 获胜):
- Transition declarations [css-transitions-1]
- Important user agent declarations
- Important user declarations
- Important author declarations
- Animation declarations [css-animations-1]
- Normal author declarations
- Normal user declarations
- Normal user agent declarations
我试图验证正常的作者声明 (6) 是否胜过正常的用户声明 (7)，但我认为我得到了相反的结果:
在上面的示例中，我有一个外部 css 文件 (style.css)，它将 p 元素的颜色声明为 green .
然后我添加一些用户样式，将同一选择器的颜色声明为蓝色。
我预计作者声明(绿色)将胜过用户声明(蓝色)，但事实恰恰相反。
对发生的事情有什么想法吗？也许我在示例中做错了什么？
最佳答案
从开发工具应用的自定义 CSS 不会被视为用户样式表，而是被视为内联作者样式表。这就是它优于外部 CSS 声明的原因。
afaik 对用户样式表的支持是 removed from Chrome back in 2014 ，设置它们的唯一方法是通过扩展。 For Firefox, you can edit userContent.css
关于CSS级联优先级的起源和重要性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/59153785/