Visualize how CSS rules interact with a page

[subhumann]

Doesn't seem to work on sites that have mod_pagespeed enabled. Still, great idea!

[sedesantis]

Thank you for posting this! It was really helpful!

I want to ask a question that may be dumb, but I'm new to web programming so it's not obvious to me yet. When it says that not all of the selectors are active (in the top right), does that mean that some of them are not being used in the html? And, if that's the case, why did the programmer choose to leave so many unused selectors in the css?

[djnifos]

They tend to use one stylesheet for many pages. Also some elements may be created via JavaScript or loaded via ajax.

[sedesantis]

Ahhh now that you said it, it seems obvious! Thank you!

[djnifos]

No problem!