CODEWITHSUNDEEP
google-chrome-devtools
dfrankow
dfrankow

Reputation: 21387

What does the light text mean in the chrome CSS debugger in the devtools?

A screenshot of a piece of the CSS debugger that comes up in the developer tools:

enter image description here

This answer describes what the strikeout means: "the crossed-out style was applied, but then overridden by a more specific selector, a more local rule, or by a later property within the same rule."

What does the light text mean? Where is there official documentation on this?

Upvotes: 2

Views: 196

Answers (1)

woxxom
woxxom

Reputation: 73586

Dimming indicates this property is not inheritable per CSS specification, i.e. it doesn't apply to the inspected element.

The dimmed declaration applies only to body in your screenshot.

Your screenshot says "Inherited from body" which means body is the ancestor of the inspected element and its non-dimmed properties are inheritable e.g. font-family or color. Those of them that aren't crossed are actually inherited by your inspected element.

P.S. A list of all inheritable properties: link.

Upvotes: 3

Related Questions