CSS规则清理工具

Question

我们有，只是保持增长，多年来，每当新的元素被添加到我们的系统，以及引用这些文件的JSP页面（其中还包含其他JSP页面等等）几个巨大的CSS文件。

我们知道，我们不再使用，并且许多是多余的许多规则。

新工具，只是不停往外冒。是否有一个工具，（除了显而易见的，如集锦和W3C的CSS验证），可以分析一个目录并帮助清理和优化CSS规则？

Answer 1

这是一个棘手的任务......特别是如果以任何方式即时为您生成HTML DOM内容。

尘埃我选择器插件是有益的，但在页逐页的基础上，很多选择的将是未使用的...但不邻舍是无效的。

有是我用来帮助清理一些小技巧。

一个接一个地插入一些可怕的造型，你就可以立即发现，以确定是否正在使用的选择器。 e.g。

border:6px dashed #ffaacc;
padding:12px;

凡是与一个巨大的虚火红色的边框，现在呈现......是“有效的”选择。如果你可以浏览大部分网站/应用程式的，没有看到它，那么它很可能“死了。”

（如果“而生成”你的CSS代码可以优化这一次与各种颜色的测试，并且使用生成的内容预先设置选择器的“ID”）

另一种选择，如果你使用一个CSS生成系统......是最后的财产有生成的URL添加到您的选择是集说...的背景图像。 e.g。

#selector_a > .foo{
  ...
  background-image:url('selectortest/id_123.png');
}
#selector_b .bar{
  ...
  background-image:url('selectortest/id_124.png');
}

然后你只需浏览您的网站/应用了一会儿，然后检查你的网络日志用于HTTP请求图片...对没有在日志中要求......你可能已经发现了一个“死任何生成的图像URL “选择器。

Answer 2

有粉尘-ME-选择器插件火狐，虽然它看起来通过在浏览器中呈现的，当然，不通过目录的页。

Answer 3

硒允许您自动网页测试并选择通过CSS选择元素。如果积累了整个网站的比赛你就能够识别无与伦比的项目。