如何找到哪些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

回答