css - 仅提取特定页面中使用的 css

标签 css

假设您有一个动态生成的网站,过去和现在有太多人参与其中,并且您现在拥有一组包含 20,000 多行 CSS 的共享样式表。它根本没有组织,有一些基于类和 id 的选择器,但也有太多基于标签的选择器。然后假设您有 100 个模板通过某个 Controller 使用这些样式。

是否有一个工具,可能像 Firebug 一样工作,您可以指向一个 url,它会确定该页面的所有适用的 CSS 选择器并将它们转储到一个文件中?基本上是一种逐页拆分共享样式表的方法。

最佳答案

最好的工具就是这个 Chrome 扩展 CSS Used,它只获取页面上使用过的 CSS,并允许您简单地将其复制到剪贴板,从而真正做到您想要的。

漂亮图片示例

enter image description here

关于css - 仅提取特定页面中使用的 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4867005/

相关文章:

html - 在所有浏览器中垂直对齐标签和文本框

css - 多列布局中的列宽属性

html - 更改编号列表中的十进制前缀/后缀

html - 表格 CSS 的单元格溢出问题

html - CSS类没有属性

html - 导航中的图像不会调整大小

javascript - .SVG 如何显示(淡入部分图像)

jquery - 根据事件页面突出显示事件元素

html - 使用 CSS 且不使用 jquery/javascript 的 Accordion

css - 将鼠标悬停在一个 div 类上时会影响多个 div 类