从网站代码中删除未使用的CSS

Question

我目前正在修改我在网上免费找到的网站模板。

例如，当我从代码中移除div时，其中的CSS将保留在一个或多个文件中。

是否有一个工具可以自动从我的代码中删除未使用的CSS？所以我不会手动搜索我不再使用的每个id和class并删除代码。

Answer 1

Intellij IDEA可以做到这一点。导航到CSS文件，单击“分析”，然后将分析范围缩小到选定的文件。之后，您将看到与此文件相关的所有问题。所有错误都分为几类，导航到名为“未使用的CSS选择器”的类别，以查找您所追求的内容。这同样适用于JavaScript。请注意，CSS支持仅适用于IDEA的Ultimate版本，尽管它在您花费的每一笔钱上都是值得的。 Ultimate版还有30天的试用期。哦，顺便说一句，它有一个很好的PHP支持。还有来自同一供应商的名为PHPStorm的更便宜的特定于PHP的IDE。那里也有分析功能。

Answer 2

您可以使用“开发人员工具”下的Google Chrome的“审核”标签，与您的要求非常接近。它不会删除未使用的CSS，但会显示未使用的CSS规则。

观察：