html – CSS规则清理工具

概述我们有几个大量的CSS文件,这些文件在我们的系统中添加了新元素以及引用这些文件的JSP页面(还包括其他JSP页面等)时,这些年来不断增长. 我们知道我们有许多不再使用的规则,而且许多规则都是多余的. 新工具不断涌现.是否有一个工具(除了明显的Aptana和W3C的CSS验证器之外)可以分析目录并帮助清理和优化CSS规则？ 这是一项棘手的任务……特别是如果你的 HTML DOM内容是以任何方式即时生 我们有几个大量的CSS文件,这些文件在我们的系统中添加了新元素以及引用这些文件的JsP页面(还包括其他JsP页面等)时,这些年来不断增长.

我们知道我们有许多不再使用的规则,而且许多规则都是多余的.

新工具不断涌现.是否有一个工具(除了明显的Aptana和W3C的CSS验证器之外)可以分析目录并帮助清理和优化CSS规则？

解决方法 这是一项棘手的任务……特别是如果你的 HTML DOM内容是以任何方式即时生成的.

Dust-Me-Selectors插件很有用,但是在逐页的基础上,许多选择器都将被闲置……但是necs无效.

我用过一些技巧来帮助清理.

逐个插入一些HORRID样式,您可以立即找到它以确定是否正在使用选择器.例如

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

任何使用巨大的粉红色边框呈现的东西……现在都是“活跃的”选择器.如果你可以在没有看到它的情况下浏览你的大部分网站/应用,那么它很可能“死了”.

(如果你的CSS代码是“生成的”,你可以优化它来一次测试各种颜色,并使用生成的内容来添加选择器的“ID”)

如果您使用生成的CSS系统,另一个选择是将最终属性添加到您的选择器,设置说…带有生成的URL的背景图像.例如

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

然后,您只需浏览您的网站/应用程序一段时间,然后检查您的网络日志中的http图像请求…对于日志中未请求的任何生成的图像URL …您可能找到了“死”选择器.

总结

以上是内存溢出为你收集整理的html – CSS规则清理工具全部内容，希望文章能够帮你解决html – CSS规则清理工具所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。