Style strikethrough on styles pane of DevTools

HTML-CSS
1

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.

2

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

1 Like
3

  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

4

thanks devtools looks a lot different now