我目前正在开发一个10万页的网站，目前的设计已经存在超过5年，并且连续更新已经产生了4个12,000多行CSS文件。
显然CSS变得笨重，许多样式都是重复的，而且几乎不可能知道实际使用了多少样式。
我们可以缩小，但这并不能解决问题，只是推迟不可避免的重新工作。
因此有三个问题工具 ...
答案 0 :(得分：7)
http://unused-css.com/你问的是什么，他们有这样说： -
Latish Sehgal编写了一个Windows应用程序来查找和删除未使用的CSS类。我没有测试它，但从描述中，你必须提供你的html文件和一个CSS文件的路径。然后程序将列出未使用的CSS选择器。从截图中看，似乎无法导出此列表或下载新的干净CSS文件。看起来该服务仅限于一个CSS文件。如果您要清理多个文件，则必须逐个清理它们。
Dust-Me Selectors是一个Firefox扩展（适用于v1.5或更高版本），可以找到未使用的CSS选择器。它从您正在查看的页面上的所有样式表中提取所有选择器，然后分析该页面以查看哪些选择器未被使用。然后存储数据，以便在测试后续页面时，选择器可以在遇到它们时从列表中划掉。这个工具应该可以蜘蛛整个网站，但不幸的是我可以使它工作。此外，我不相信您可以配置和下载已删除样式的CSS文件。
Liquidcity CSS cleaner是一个php脚本，它使用正则表达式来检查一个页面的样式。它会告诉您HTML代码中没有的类。我还没有测试过这个解决方案。
Deadweight是一个CSS覆盖工具。给定一组样式表和一组URL，它确定实际使用哪些选择器以及可以“安全”删除的列表。此工具是ruby模块，仅适用于rails网站。必须从CSS文件中手动删除未使用的选择器。
Helium CSS是一个javascript工具，用于在网站上的许多页面中发现未使用的CSS。首先必须将javascript文件安装到要测试的页面。然后，您必须调用氦气功能来开始清洁。
UnusedCSS.com是具有易于使用的界面的Web应用程序。输入网站的网址，您将获得CSS选择器列表。对于每个选择器，数字表示选择器的使用次数。此服务有一些限制。不支持@import语句。您无法配置和下载新的干净CSS文件。
CSSESS是一个书签，可以帮助您在任何网站上找到未使用的CSS选择器。该工具非常易于使用，但它不允许您配置和下载干净的CSS文件。它只会列出未使用的CSS文件。
答案 1 :(得分：1)
如果您使用的是Visual Studio，this扩展名有助于自动合并css类。