CSS Dig for Chrome
This Chrome Extension looks for stylesheets and style blocks on the webpage it's run against and groups declarations together for easy inspection. For example, you can see how many colors are used and how often. This can help you consolidate your styles and help with refactors.
It works on most websites but there are some limitations.
@import: CSS in
- Content Security Policies: In some situations CSS Dig has make AJAX calls to retrieve the contents of the CSS files. Sites with strict Content Security Policies can block them. For example, facebook.com and github.com.
- On sites with lots of external stylesheets it may take a few seconds to collect all the CSS.