How do I identify and eliminate unused CSS styles from my bloated stylesheet?

Question

I have a legacy stylesheet that is now full of unused styles. The problem is identifying the necessary from the unnecessary. Are there any tools to help with this?

Answer 1

You could try the Firefox Dust-Me Selectors add-on.

Answer 2

This is a great Firefox add-in. You can browse multiple pages and it will work out which rules haven't been used on any of them - so it is more accurate than a tool that scans a single page.

https://addons.mozilla.org/en-US/firefox/addon/10704/