Grab All CSS Used From A Webpage?

I am making a sub site, I would like a开发者_Go百科 new CSS sheet thats cut down to just what that page needs.

What I would ideally like is a firefox extension that shows the CSS used on a currently viewed page, but not the CSS unused on that page.

Is this possible?

What I would ideally like is a firefox extension that shows the CSS used on a currently viewed page, but not the CSS unused on that page.

To see unused CSS, you can use the Dust Me Selectors addon of firefox.

It extracts all the selectors from all the stylesheets on the page you're viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they're encountered.

You can test pages individually, or spider an entire site, and you'll end up with a profile of which selectors are not used anywhere.