Question

Are there any tools or browser plugins that allow me to see all styles in a stylesheet that are currently active/used on a page?

Short backstory: I inherited a giant stylesheet from the previous UI designer. It used to be applied to every page on the site. Later the entire site styling was redone except for the landing page. So now I have two giant stylesheets, one for the landing page, and one for everything else. I’d like to merge only the relevant parts of one into the other. If there’s a better way of doing that than what I’m proposing, I’m certainly open to other solutions.

Thanks.

Answer 1

Have a look at the Dust-Me Selectors Firefox plugin.