css - Firefox 插件查找未使用的 CSS 样式

Question

可能重复：
识别未使用的 CSS 定义的工具

假设我的浏览器中显示了一个页面，并且在此页面上使用了一个 .CSS 文件，其规则如下

    .class1{
    /* some style definitions */
    }
    .class2{
    /* some style definitions */
    }
    .class3{
    /* some style definitions */
    }
....
...
.class1001{
    /* some style definitions */
    }

现在我的问题是，是否有任何插件可以告诉我这些规则中的内容，这些规则在页面上是“未使用”的。

我看到了一些相关的问题，这些问题提供了指向插件的链接，这些链接告诉页面上使用的 CSS 选择器。但我有 1000 多个规则，因此想直接了解未使用的规则。

只是补充一下，提到的插件有 1 个问题；就像如果 IE 有 hack（例如 *html），它会将它们标记为 UNUSED，即使它实际上在 IE 中使用。有什么解决方法吗？

请帮我。谢谢你。

Answer 1

如果您使用 Firefox，则可以使用Dust Me Selectors插件，该插件完全符合您的要求。它会为您找到未使用的选择器 :) 试一试！

还有CSS Usage 插件，它查看你的 CSS 文件并告诉你哪些没有被使用。:)