【发布时间】：2011-04-03 14:59:01
【问题描述】：
我知道使用 Firefox 的 Firebug 扩展等工具很容易获得应用于 HTML 中单个节点的 CSS。
但是有没有办法查看所有在整个页面或更大的 HTML 片段上生效的 CSS？
具体来说，我们正在将一个非常大的 CSS 文件清理为更小的模块，并希望找出某个页面上使用了哪些 CSS，因此我们可以将所有未使用的 CSS 移动到另一个模块。
【问题讨论】：
【发布时间】：2011-04-03 14:59:01
【问题描述】：
谢谢大家！这些是我现在从您的建议中看到的各种解决方案（在这里为有同样问题的人收集）：
Dust-Me 选择器（Firefox 插件）
这正是我所需要的。列出使用和未使用的 CSS 选择器（用于当前页面或整个站点，在爬虫之后），并且可以将两个列表转储为 CSV 文本。太好了。
https://addons.mozilla.org/firefox/addon/5392/
CSS 使用（Firefox 插件）
https://addons.mozilla.org/firefox/addon/10704/
WARI - Web 应用程序资源检查器（Java 工具）
似乎只处理静态代码，而不是像大多数使用 ajax 的 Web 应用程序那样动态生成的 HTML - 其中，不幸的是，这让它毫无用处，至少对我来说是这样
http://wari.konem.net/
CSS 冗余检查器（Ruby 脚本，需要 Rubygems 和 Hpricot）
http://code.google.com/p/css-redundancy-checker/
TopStyle（仅限 Windows 的应用程序，79.95 美元（！！））
http://svanas.dynip.com/topstyle/
这些都是跨平台和免费的，除了 TopStyle。
【讨论】：
就工具而言，您可以将css usage plugin 用于firebug。它将分析页面中使用的 css。
或者您是否正在寻找一种更以编程方式执行此操作的方法？
【讨论】：
你可以试试Dust-Me Selectors，它是firefox的插件，如果你使用firebug，正如你所说，你可能会发现CSS Usage很有用。
【讨论】：