假设您有一个动态生成的网站,过去和现在都有太多人使用,现在您有一组包含超过20,000行CSS的共享样式表.它根本没有组织,有一些类和基于id的选择器,但也有太多基于标签的选择器.然后说你有100个模板使用这些样式,通过一些控制器.
是否有一个工具,可能像Firebug一样工作,您可以指向一个URL,它将确定该页面的所有适用的CSS选择器并将它们转储到文件中？基本上是一种逐页拆分共享样式表的方法.
我有一个包含多个样式表的页面,其中的大多数样式实际上并未在页面中使用(不建议使用等).我想导出一个新的样式表,其中包含页面上实际使用的所有样式.反正有没有这样做？
有没有办法编写CSS审计脚本？我只需要文件级信息,而不是单个规则.看起来像页面必须实际渲染才能获得准确的信息......所以像Selenium这样的东西可能会有所帮助吗？
我已经看到有浏览器插件来审核CSS文件(例如这个StackOverflow问题,这篇A List Apart文章),但是手动审查每个页面的结果需要太长时间
背景
多年来,各种CSS文件已经渗透到我们的Web应用程序的模板标题中.当来自多个框架,插件等的重叠规则都争夺至高无上时,试图对元素进行样式化是一个巨大的痛苦.
作为整合/标准化尝试的一部分,我想将旧的引用移出网站模板并移入各个页面标题中,因此CSS规则的影响将仅限于它们被使用/需要的位置.
我认为最简单的方法是抓取网站并跟踪在哪里使用哪些CSS样式表.
UPDATE
无意的规则匹配是可能的,所以我开始认为我不能编写脚本.我们可能不得不逐页进行.即便如此,一些页面的样式可能依赖于相反的样式表的奇怪交集: - /
此外,我对这些静态CSS检查器持怀疑态度,特别是对于模板文件.ul > li.special直到运行时规则可能不匹配(可以在服务器端或javascript创建元素)