A bunch of CSS files were pulled in and now I'm trying to clean things up a bit.
How can I efficiently identify unused CSS definitions in a whole project?
3 Answers
Google Chrome Developer Tools has (a currently experimental) feature called CSS Overview which will allow you to find unused CSS rules.
To enable it follow these steps:
- Open up DevTools (Command+Option+I on Mac; Control+Shift+I on Windows)
- Head over to DevTool Settings (Function+F1 on Mac; F1 on Windows)
- Click open the Experiments section
- Enable the CSS Overview option
Related