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

You can do one thing :

1. open the website in Firefox

2. Use firebug to point some control on which you want to see the applied classes.

3. In the html source code in firebug , you can find the applied css classes on a particular control.

4. Find those classes in your CSS files.

5. Repeat this process for all the controls of the webpage.

Now you can remove those CSS files that are not used on that web page.

Thanks.