6
我有一个随时间增长的CSS文件。许多编码员已经走了，走了。该网站一直在改变，CSS中的一些代码已不再使用。有没有一种快速的方法来验证正在使用什么和不是什么？我需要删除不再使用的OLD代码。即使有“网站地图”的方法 - 这将证明更好。所有的建议，请。验证CSS文件
Q
验证CSS文件
A
回答
9
如果您使用Firefox，则可以使用Dust Me Selectors插件，该插件完全符合您的要求。它会为您找到未使用的选择器:)试试看！
此外，还有CSS Usage plugin，它看起来在你的CSS文件，并告诉你哪些没有被使用。 :)
2
我给了凯尔Sevenoaks +1作为他的回答，因为Dust Me Selectors是一个非常好的工具。
不过，我想补充几点（超过我能适合在一个评论，所以写这作为一个答案）：
即使您将灰尘我得到的结果，你还是在查看结果时必须非常聪明，因为它可能会导致误报和漏报：
误报可能出现在您的CSS中指定了选择器但未在当前页面上使用的位置。但请注意，它可能仍然在网站的其他页面中使用，因此请不要在您的主页上运行它，并期望获得最终结果;您需要测试网站中的每个页面并合并结果。另外，如果您有任何在运行时向页面添加元素的Javascript代码，或者更改了元素的类名，那么他们可以选择页面首次加载时未使用的CSS选择器。
如果在页面中使用了选择器，则可能会发生假阴性，但仍然是冗余的，因为它总是被覆盖。像你所描述的网站是这类事情的成熟候选对象，在这种情况下，在不删除旧的样式的情况下，在以后的日期添加了新的样式。我不知道Dust Me是否可以选择这种类型的东西，但是他们确实可能很难找到，因为您需要确保它们确实不会在这种情况下或任何其他环境中使用。
所以我的信息是，一个自动化的工具是一个好主意，我肯定会推荐Dust Me，但不要依赖它。
+0
感谢您的+1！这是一些非常有用的建议！ – Kyle 2011-02-03 07:19:19
3
- Dust-Me Selectors为Firefox
- CSS Redundancy Checker
- Unused CSS
- Identified Unused CSS
- Helium CSS
- CssCleaner窗口
- DeadWeight红宝石
- cssess，一个书签，可以帮助您在任何网站上找到未使用的CSS选择器。
0
我发现Dust-Me选择器对单个页面工作正常，但我无法通过400多个URL（使用XML文件作为索引）的网站获取它。它通常会通过20到30个URL，然后挂起。关于哪些选择器正在使用的累积报告似乎也不起作用 - 我猜测它只是显示最后浏览的页面的结果。
我在其他地方看到了有关蜘蛛抓取功能的类似评论。也许这只是不能可靠地工作？
0
CSS整形与优化工具+验证你的CSS在我爱它的过程： http://www.cleancss.com/
要小心，不要删除获得通过动态生成的代码仅用于选择。 – jricher 2011-02-02 14:54:39