css - 如何通过删除不匹配和/或不必要的 CSS 选择器来优化我的样式表

Question

我继承了一个包含数千个选择器的大型样式表，并且我确信其中很多是不必要的，并且从未真正匹配网站上的元素。为了优化，我想删除那些孤立的选择器/规则。

是否有任何工具可以让我将 CSS 与整个网站进行比较，以确定哪些选择器是必需的，哪些不是？

该站点具有 AJAX 组件，因此编写一个 curl/wget 脚本来遍历该站点，然后遍历每个选择器和 grep 以进行匹配也不是特别可行（尽管这会很有趣......）

欢迎所有建议。

谢谢，JD

score 2 · Accepted Answer

有一个名为“Dust-Me Selectors”的 Firefox 插件。

“它从您正在查看的页面上的所有样式表中提取所有选择器，然后分析该页面以查看哪些选择器未使用。然后存储数据，以便在测试后续页面时，可以将选择器从列出遇到的情况。”

这是一个相当手动的过程，但可能是您正在寻找的。

score 1 · Accepted Answer

您可以尝试众多在线优化器中的一种，例如：

Robson Compressor 显然在组合和删除冗余选择器方面做得最好。

一些在线优化器能够删除未使用的选择器。

score 0 · Accepted Answer

In my opinion better than dust-me selectcor

3 回答 3