如何删除多余无用的css？

项目经过几个版本的迭代，几个css文件加起来都有快6k行了，目测一半都是没用的代码，有没有自动的工具识别并删除这些代码？
网上搜了一些，要么就是不好用，要么就是只能搜索出没用的css，不能自动删除的。
有没有人有更好的办法？

2012年10月08日提问

3 个回答

如果你的针对不同的浏览器兼容性的CSS比较少的话,可以使用Chrome的审计(Audits)功能(Remove unused CSS rules):

2012年10月08日回答

其实是个挺复杂的事情，因为css的重载、复用和DOM的可变性，需要我们动态地分析。

我的想法是给chrome写个插件，然后对整个站点启用。

基本思路：

著作权归作者所有。
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：张小二
链接：http://www.zhihu.com/question/20519202/answer/24023665
来源：知乎

Open the page in Google Chrome
Open the developer tools (Ctrl+Shift+I)
Under Audits tab -> Select Audits to run - "Select All" & select "Audits Present State"
click run
expand the "Remove unused CSS rules" item to view a list of style sheets that contain unused style rules.