What does it mean when a class style is grayed out in the Chrome style inspector?

Question

Why is the next class (.productQuote) greyed in the inspector? I can’t edit it.

Answer 1

In the currently selected DOM node, this panel displays all the styles applied to this node. Styles with a gray background are read-only, the rest are editable.

Source: Computed Style Panel

Usually gray areas are highlighted for styles user agent stylesheetthat are styles defined by the browser provider. They are usually overridden by your own styles. You can use CSS Reset to normalize styles in browsers.

, .productQuote , , Chrome.

Answer 2

Greyed/dimmed out, , -.
.. .productQuote CSS (, background-color) , .
, , , greyed out.