DevTools detect working css / hide invalid css

Question

Here I'm using Google Chrome Developer Tools to check others website's css.

By default, DevTools display all elements css rule, whether that rule working or not. Some may have been inherited or commented, but they all listed on the "Styles" panel.

The question is, how could I remove rules those had been commented or inherited, just keep rules in working?

See bellow: Example Picture Here

I've searched for a while, but didn't find any topic about this.

Any help is welcome, thanks!

You can go to the tab "computed" to se the styles applied to a element — Dejan.S, Jan 10 '18 at 07:28

score 1 · Answer 1 · answered Jan 10 '18 at 07:29

1

Check out the "Computed" tab, to the right of "Styles".
It shows a list of styles that are valid and in use.
Select "show all" to see a full list, even ones not specifically declared.

answered Jan 10 '18 at 07:29

dragonfire

407
7
16

Thanks!!! That work! You save my time! – Lazy Knight Jan 10 '18 at 07:30

DevTools detect working css / hide invalid css

1 Answers1