How to find which CSS files are used for current page

Question

I have a lot of CSS files on the page. But a lot of these files are not used by styles. Is it possible to determine which files are used by page and which not.

Answer 1

Use http://getfirebug.com/ to debug the page.

When looking at the css it will reference which stylesheet is used.

For example:

You can see from the screenshot that when using Firebug it shows in the blue text that the page is using the style.css stylesheet.

Work down the tree in Firebug and simply hover over your elements and see which stylesheets are used.