有没有办法查看哪些 CSS 样式表实际应用于 IE 页面？答案

【问题标题】：Is there a way to see what CSS style sheets are actually applied to an IE page?有没有办法查看哪些 CSS 样式表实际应用于 IE 页面？
【发布时间】：2011-10-17 10:46:40
【问题描述】：

我正在使用一个不允许将类应用于标签的自定义应用程序，而我们使用的原始 CSS 使用这种方法。相反，该应用程序需要为每个浏览器提供一个单独的 CSS 文件（我知道这很糟糕）。

我们公司有一个示例页面，其中应用了工作代码，并在 HTML 标记上放置了特定于浏览器的覆盖。所以，我想做的是在每个版本的 IE 中加载页面，看看 实际上 应用了哪些特定的 CSS，然后只需将每个 CSS 文件上传到应用程序。有谁知道可以做到这一点的工具吗？

注意，我确实找到了这个：How can I see which styles in my stylesheet are actually being applied to the current page?

但答案是针对火狐的。 :(

【问题讨论】：

按 F12 并查看 CSS 选项卡？适用于 IE8 及更高版本。对于 IE6 和 IE7，请下载 IE Developer Toolbar。
你最终使用了什么解决方案？

标签： css internet-explorer

【解决方案1】：

如果您在 Internet Explorer 中按 F12，它将调出 开发者工具。

从这里您可以检查 HTML/CSS 并查看应用的特定 CSS 规则。

使用这些工具，您可以更改 Internet Explorer 运行的浏览器模式，例如如果您使用的是 IE9，您可以将其设置为在 IE9 兼容模式、IE9、IE8、IE7 下运行。

您还可以更改文档模式 IE9 Standards、IE8 Standards、IE7 Standards 和 Quirks 模式。

编辑：你可以试试http://unused-css.com/

【讨论】：

对 - 但这只能让我检查单个元素。我想删除整个应用的 CSS，就像在 Firefox 中一样。
@Darkenor：你能给我一个具体的例子来说明你将如何在 Firefox 或 Chrome 中执行此操作吗？我对你想要什么有点困惑。
好吧，我只是尝试重现我之前所做的事情，但没有任何成功。我想要做的是查看将 CSS 样式列表 实际应用 到我的页面，然后将它们复制/粘贴到某处，这样我就可以拥有一个仅包含我需要应用的样式的 CSS 文件，而不是全部其他的废话。
@darkenor：我明白了。一般来说，这些插件只会告诉你哪些 selectors 没有被使用。他们不会给你一个没有那些选择器的css样式表。所以在回答你的问题时，我不相信有一个程序可以为 IE 做到这一点。但是，我不确定您为什么要尝试采用这种方法。如果您已经有一个适用于所有浏览器的样式表，为什么不上传一次，而是多次引用它？