当Chrome的样式检查器中的类样式变灰时,这意味着什么？

Question

为什么以下类(.productQuote)在检查器中显示为灰色？我无法编辑它.

Answer 1

对于当前选定的 DOM 节点，此窗格显示适用于该节点的所有样式。灰色背景的样式是只读的，其余的样式是可编辑的。

来源： 计算样式窗格

通常，灰色区域用于user agent stylesheet样式，这些样式是由浏览器供应商定义的。这些通常会被您自己的样式覆盖。您可以使用CSS Reset来标准化跨浏览器的样式。

我不完全确定为什么.productQuote这里特别变灰，但我猜测它来自 Chrome 扩展。