Style strikethrough on styles pane of DevTools

Style strikethrough on styles pane of DevTools
0

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.
Thanks.

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
https://codepen.io/anon/pen/EBjGLj

thanks devtools looks a lot different now