如何找到哪些CSS文件用于当前页面

我在页面上有很多CSS文件。但是很多这些文件不被样式使用。是否有可能确定哪些文件被页面使用，哪些不是。如何找到哪些CSS文件用于当前页面

2011-10-13 Sergey

[CSS清理]可能的重复（http://stackoverflow.com/questions/285442/css-cleaner） –

[识别未使用的css定义的工具]（http：// stackoverflow。com/questions/135657/tool-to-identify-unused-css-definitions） – Quentin

标记为dup的两个问题是相关的，但两个（DustMe选择器）的接受答案似乎不再处于发展中，不能使用最新版本的Firefox。 – Spudley

使用http://getfirebug.com/来调试页面。

查看CSS时，它会引用使用哪个样式表。

例如：

您可以从使用Firebug时，它显示该页面使用style.css样式的蓝色文字的截图中看到。

enter image description here

扎实工作，在萤火虫的树，只需将鼠标悬停在你的元素，看看使用哪个样式表。

2011-10-13 08:32:00 Rob

任何发现这个问题的人都会注意到：Firebug现在是Firefox控制台的一部分，而不是一个插件 – Machavity

您可以使用萤火虫进行调试（http://getfirebug.com/）。它会显示什么是用于什么，并允许你找出。

2011-10-13 08:30:28 JNDPNT

你可以做一两件事：

现在您可以删除那些未在该网页上使用的CSS文件。

谢谢。

2011-10-13 08:36:14 Riky

安装此插件后转到firefox工具 - > web开发人员 - > css->查看css。

2011-10-13 08:37:13 Rohit

有很多方法可以找到页面正在使用哪些CSS。这里是其中的一些：

1）如果你使用的是firefox，那么使用firebug很有用。 http://getfirebug.com/ 只需右键点击页面上并使用检查元素选项

2）如果你使用IE浏览器，那么开发者工具是IE可用

3）如果你使用谷歌浏览器，则U可以直接使用检查元素选项通过右键点击页面。

2011-10-13 10:43:40 ravidev

回答