Extracting only the css used in a specific page

Question

Say you had a dynamically generated site that has been worked on by too many people, past and present, and you now have a collection of shared stylesheets that contain over

Answer 1

(Not for firefox but maybe this helps someone)

If you are working on chrome you can use this extension:

CSS remove and combine (https://chrome.google.com/webstore/detail/css-remove-and-combine/cdfmaaeapjmacolkojefhfollmphonoh)

• lets you download a combined css with all used styles
• shows unused styles in popup window
• includes generated styles