如何识别未使用的CSS定义
有没有什么好的方法来帮助识别项目中未使用的CSS定义？ 一堆css文件被拉进来，现在我正试图清理一些东西。
Chrome开发者工具有一个审计选项卡，可以显示未使用的CSS选择器。
运行一个审计，然后在网页性能下看到删除未使用的CSS规则
我刚刚找到了这个网站 – http://unused-css.com/
看起来不错，但我需要彻底检查其输出的“干净”的CSS，然后上传到我的任何网站。
也和所有这些工具一样， 我需要检查它没有剥离id和类没有风格，但用作JavaScript选择器。
下面的内容取自http://unused-css.com/，所以请相信他们推荐的其他解决方案：;
Latish Sehgal编写了一个Windows应用程序来查找和删除未使用的CSS类。 我没有测试过，但从描述中，你必须提供你的HTML文件和一个CSS文件的路径。 程序会列出未使用的CSS选择器。 从截图看来，看起来没有办法导出这个列表或下载一个新的干净的CSS文件。 它也看起来像服务被限制为一个CSS文件。 如果你有多个文件需要清理，你必须逐个清理它们。
Dust-Me选择器是Firefox扩展（用于V1.5或更高版本），用于查找未使用的CSS选择器。 它从您正在查看的页面上的所有样式表中提取所有选择器，然后分析该页面以查看哪些选择器未被使用。 然后存储数据，以便在测试后续页面时，可以在遇到选择器时将选择器从列表中删除。 这个工具应该能够蜘蛛整个网站，但不幸的是可以使它工作。 另外，我不相信你可以配置和下载样式删除的CSS文件。
Topstyle是一个Windows应用程序，包括一堆编辑CSS的工具。 我没有太多的测试，但它看起来像它有能力删除未使用的CSS选择器。 这个软件花费80美元。
Liquidcity CSS清洁是一个PHP脚本，使用正则表达式来检查一个页面的样式。 它会告诉你在HTML代码中不可用的类。 我还没有测试过这个解决方案。
自重是一个CSS覆盖工具。 给定一组样式表和一组URL，它决定哪些选择器被实际使用，列出哪些可以被“安全”删除。 这个工具是一个红宝石模块，只能使用rails网站。 未使用的选择器必须从CSS文件中手动删除。
氦气 CSS是一个JavaScript工具，用于在网站上的许多页面上发现未使用的CSS。 您首先必须将JavaScript文件安装到您要测试的页面上。 然后，你必须调用一个氦气功能来开始清洗。
UnusedCSS.com是一个易于使用的界面的Web应用程序。 输入一个网站的网址，你会得到一个CSS选择器列表。 对于每个选择器，数字表示选择器使用了多少次。 这项服务有一些限制。 @import语句不受支持。 您不能配置和下载新的干净的CSS文件。
CSSESS是一个书签，可以帮助您找到任何网站上的未使用的CSS选择器。 这个工具很容易使用，但不会让你配置和下载干净的CSS文件。 它只会列出未使用的CSS文件。
Google Page Speed可以为您做到这一点（它实际上不仅仅是告诉您哪些CSS未被使用）。 在FireFox上，它可以作为FireBug插件使用。 那么也有一个在线版本。
C＃中更好的CSS Minifier转储冗余样式;
你也想用这个来使用Dust-Me。
请记住，如果有任何目前不可见的内容，你可能会抛出你需要的样式。
编辑：链接被打破，但archive.org同时具有页面和代码。
看起来有人更新了DustMe选择器，以一个新的名字再次使用Firefox – “CSS Roundup” http://blog.brothersmorrison.com/?p=198
CSS用法
Firebug扩展可以查看实际使用的CSS规则。
CSS Usage是Firebug的扩展（因此必须安装Firebug），以便您了解未使用的CSS样式规则。 它标识你使用和不使用的CSS。 它可以让你指出什么不必要的部分可以删除。 你一定要使用这个插件来保持你的CSS文件尽可能的轻量级。
使用Internet Explorer开发人员工具栏 ， 查看> CSS选择器匹配 ：查看所有样式规则集的报告以及在当前页面上使用的次数。
查看Google的PageSpeed for Firefox 。 它做到了这一点，而整个负载更多。
Chrome插件显然也在开发中。
