我有一个巨大的CSS文件和一个HTML文件。我想找出显示HTML文件时未使用哪些规则。是否有用于此的工具?
CSS文件已经发展了几年,据我所知,没有人删除过其中的任何内容-人们只是一次又一次地编写新的覆盖规则。
编辑:建议使用Dust-Me选择器或Chrome的网页性能工具。但是它们都在选择器级别上起作用,而不是在单个规则上起作用。在很多情况下,选择器中的规则总是会被覆盖-这就是我最想摆脱的规则。例如:
body { color: white; padding: 10em; }
h1 { color: black; }
p { color: black; }
...
ul { color: black; }
HTML中的所有文本都在某些wrapper元素内,因此它绝不会是白色的。body
的填充始终有效,因此当然body
不能删除整个选择器。我也想摆脱这种无用的规则。
编辑:另一种无用规则的情况:当它复制现有一个而不更改任何内容时:
a { margin-left: 5px; color: blue; }
a:hover { margin-left: 5px; color: red; }
我很乐意摆脱第二个margin-left
……在我看来,这些工具似乎找不到这些东西。
编辑:我感谢所有的答案,但可惜您建议的工具并没有提出任何有用的建议。我对您的答案进行了投票,但我将等待如上所述的工具来做更细粒度的操作。
谢谢,