我已经使用 Chrome 很长时间了，而且我从来没有(我不记得了)在样式面板中遇到过褪色的 CSS 定义。选择器尚未在其他地方定义。
例子:
(编辑:澄清一下，我指的不是用户代理样式表)
我不明白为什么它会褪色，这意味着什么。该定义似乎是可编辑的，但对值的任何更改都不会保留(即，一旦我单击关闭，它就会恢复为原始值)并且对网页没有影响。
我在 documentation 中找不到对此的任何引用对于工具。你们中的任何人都可以对此有所了解吗？
最佳答案
“褪色”样式是指未应用于所选标签的样式。因此，在您的屏幕截图中，您有一个普通颜色的 h1 规则——该规则应用于您选择的任何元素——并且您有一个 .SubHeader h1 规则即未应用于所选元素。
如果您动态添加 CSS 规则(chrome 开发工具中的 + 按钮)但修改选择器使其不适用于您选择的任何元素，您有时会看到这种情况。
关于css - Chrome 开发人员工具样式选项卡显示褪色的 CSS 定义，为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12784001/