Style strikethrough on styles pane of DevTools

I realised that when you have a commented out property in your css, you see a strikethrough in the styles pane of chrome devtools.
I like to know what else causes that.

Styles are also crossed out if there are other styles that override them.

1 Like
  1. As said, when a CSS style is overwritten, by cascade, higher specificity, or is specifically overwriting inherited styles, the overwritten style has a strikethrough.

  2. If the property name or value is invalid you also get a yellow triangle and the rule has a strikethrough.

The might be others Iā€™m just not thinking of right now.

Open the dev tools to see

thanks devtools looks a lot different now