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

Question

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

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

该网站有 AJAX 组件，因此编写一个 curl/wget 脚本来遍历该网站，然后循环遍历每个选择器并使用 grep 进行匹配也不是特别可行(尽管那会有点有趣...)

欢迎所有建议。

谢谢，京东

Answer 1

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

https://addons.mozilla.org/en-US/firefox/addon/5392/

“它从您正在查看的页面上的所有样式表中提取所有选择器，然后分析该页面以查看哪些选择器未被使用。然后存储数据以便在测试后续页面时选择器可以遇到他们时就从名单上划掉了。”

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