自动从项目中删除未使用的 CSS 类答案

【问题标题】：Automatically remove un-used CSS classes from a project自动从项目中删除未使用的 CSS 类
【发布时间】：2013-03-13 04:39:54
【问题描述】：

我想将我的 CSS 文件与网站中实际使用的类进行比较，并生成一个仅包含这些类的新 CSS 文件。关键是要摆脱我不使用的类。

我之前使用了 FireFox 的 Dust Me Selectors 扩展来查找已使用和未使用的 CSS 选择器，但它在 FireFox 6 中不再起作用。

还有其他选择吗？

【问题讨论】：

我认为你应该知道你的css样式在哪里......即使你使用某些工具找到它们，你仍然需要在代码中找到它们以删除它们，或者我不明白你的问题是对的
@Gatekeeper 有时事情会远离你，特别是如果你继承了别人正在做的事情。 OP 基本上想要一个生成 CSS 文件的工具，该文件仅包含项目中使用的类。我对问题进行了更多编辑。
您（两位编辑） 将一个难以阅读的问题变成了一个很好的问题，这给我留下了深刻的印象。
@MuditChauhan 我已经对您的标题进行了最后一次编辑。请仔细检查并确保这仍然是您最初想问的问题:)
您是否尝试过禁用兼容性检查？

标签： html css

【解决方案1】：

当您将您的网站放入 GT-Metrix 时。你可以看到未使用的 CSS 选择器。或者您可以使用 Google pagespeed 来实现。

【讨论】：

【解决方案2】：

你可以试试this online tool 或者使用谷歌浏览器的开发工具（默认安装，不需要扩展），它有审计标签来显示当前页面上未使用的css选择器......但我认为没有办法它会自动为您完成...

【讨论】：

【解决方案3】：

你可以试试 Firebug 的 CSS 使用扩展。它很有魅力，但需要手工工作https://addons.mozilla.org/en-US/firefox/addon/css-usage/

【讨论】：

【解决方案4】：

但我无法让它工作。

所以这里有一些手动工具来比较文件。它不如自动解决方案快，但比仅通过视觉比较更快。

【讨论】：