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

Question

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

Answer 1

  

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

来源： Computed Style Pane

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

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

Answer 2

我怀疑Greyed / dimmed out文本，是因为您当前选择的元素继承了一个应用于祖先元素的样式属性。
即.productQuote类正在将CSS属性（可能是background-color）应用于父元素，该属性已被当前选定的元素继承。
所以它是一个用户定义的样式，但因为它没有直接应用，所以它是灰色的。