如何从项目中的多个CSS文件中识别未使用的CSS定义

Chrome开发工具有一个审计选项卡，可以显示未使用的CSS选择器。

然后，在网页性能下运行审计，参见删除不使用的CSS规则

我刚刚找到这个网站- http://unused-css.com/

看起来不错，但我需要彻底检查它的输出“干净”css上传到任何我的网站之前。

同样，与所有这些工具我需要检查它没有剥离id和类没有风格，但被用作JavaScript选择器。

以下内容来自http://unused-css.com/，因此感谢他们推荐其他解决方案:

稍晚Sehgal编写了一个windows应用程序来查找和删除未使用的CSS类。我还没有测试它，但从描述，你必须提供你的html文件和一个CSS文件的路径。然后程序将列出未使用的CSS选择器。从截图来看，似乎没有办法导出这个列表或下载一个新的干净的CSS文件。该服务看起来也仅限于一个CSS文件。如果你有多个文件要清理，你必须一个一个地清理它们。

Dust-Me选择器是一个Firefox扩展(适用于v1.5或更高版本)，用于查找未使用的CSS选择器。它从您正在查看的页面上的所有样式表中提取所有选择器，然后分析该页面以查看哪些选择器没有使用。然后存储数据，以便在测试后续页面时，可以在遇到选择器时将其从列表中删除。这个工具应该能够蜘蛛整个网站，但不幸的是，我可以使它工作。此外，我不相信您可以配置和下载删除样式的CSS文件。

Topstyle是一个windows应用程序，包括一堆编辑CSS的工具。我没有测试它，但它看起来有能力删除不使用的CSS选择器。这个软件售价80美元。

liqucity CSS清洁器是一个php脚本，它使用正则表达式来检查一个页面的样式。它将告诉您HTML代码中不可用的类。我还没有测试过这个解决方案。

无谓是一个CSS覆盖工具。给定一组样式表和一组url，它将确定实际使用哪些选择器，并列出哪些选择器可以“安全”使用。删除。这个工具是一个ruby模块，只能在rails网站上使用。必须手动从CSS文件中删除未使用的选择器。

氦 CSS是一个javascript工具，用于发现网站上许多页面上未使用的CSS。首先必须将javascript文件安装到要测试的页面。然后，你必须调用一个氦函数来开始清理。

UnusedCSS.com是一个web应用程序，易于使用的界面。输入一个网站的url，你会得到一个CSS选择器列表。对于每个选择器，一个数字表示选择器被使用的次数。这个服务有一些限制。不支持@import语句。您无法配置和下载新的干净CSS文件。

css是一个书签工具，可以帮助你在任何网站上找到未使用的CSS选择器。这个工具很容易使用，但是它不能让你配置和下载干净的CSS文件。它只会列出未使用的CSS文件。

谷歌Chrome开发工具有(目前是实验性的)功能，称为CSS概述，这将允许您找到未使用的CSS规则。

要启用它，请遵循以下步骤:

1. 打开DevTools (Mac上的Command+Option+I;Control+Shift+I在Windows上)
2. 转到DevTool设置(Mac上的功能+F1;F1 (Windows)
3. 点击打开实验部分
4. 启用“CSS概述”选项