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

2022-08-30 21:59:01

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

例如,当我从代码中删除a时,它的CSS保留在一个或多个文件中。div

有没有一个工具可以自动从我的代码中删除未使用的CSS?所以我不手动搜索我不再使用的每一个,并删除代码。idclass


答案 1

Intellij IDEA可以做到这一点。导航到CSS文件,单击“分析”,然后将分析范围缩小到所选文件。之后,您将看到与此文件相关的所有问题。所有错误都分为几类,导航到名为“未使用的CSS选择器”的类别以找到您想要的内容。这同样适用于JavaScript。请注意,CSS支持仅在IDEA的终极版本中可用,尽管它完全值得您花在它上面的每一美元。终极版还有30天的试用期。哦,顺便说一句,它具有出色的PHP支持。还有一个更便宜的特定于PHP的IDE,来自同一家供应商,称为PHPStorm。那里还提供了分析功能。


答案 2

您可以通过Google Chrome的“开发人员工具”下的“审核”选项卡非常接近您的要求。它不会删除未使用的 CSS,但它会显示哪些 CSS 规则未被使用。

观察:enter image description here