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

标签 css optimization css-selectors orphan

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

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

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

欢迎所有建议。

谢谢, 京东

最佳答案

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

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

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

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

关于css - 如何通过删除不匹配和/或不必要的 CSS 选择器来优化我的样式表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4084244/

相关文章:

JQuery - 无法使用新名称更新现有名称

javascript - 我可以从 JavaScript 访问无效/自定义 CSS 属性的值吗?

javascript - Bootstrap 词缀总是崩溃

css - 如何从使用 Bootstrap 的剑道网格行中删除悬停效果

ios - 如何在运行时而不是界面构建器上在 View 上设置类

mysql - 根据多个字段的比较剔除重复项

javascript - 通过自定义数据/属性选择第二个元素

c - 在 C 中减少内存使用的一些最佳实践是什么?

css 多重选择器解释

html - 选择器 :nth-child without a break?