確定css樣式優先

我想知道是否有人知道一個工具，當給定了一些css文件/ css規則和選擇器--classname，id，元素等時，返回所有適用於它們的優先順序的樣式。確定css樣式優先

我不是，這是通過JavaScript可行 - 我可以得到當時適用於元素的CSS規則，但我可以得到那些已被覆蓋？

2010-01-20 user254694

除非你正在尋找的東西，你可以自動化， Firebug實際上應該能夠爲你解決這個問題。打開上下文菜單（右鍵單擊），選擇「檢查元素」，出現Firebug窗格。在右手邊，你有相關的元素的所有CSS規則 - 那些覆蓋標有劃掉文字：

2010-01-20 08:36:18

我寧願自動化，但顯然Firebug顯示它可能以某種方式...謝謝，我在這裏運行Firebug，但我沒有意識到它顯示了刪除的樣式。你知道是否顯示訂單優先？ – user254694 2010-01-20 10:35:23

「Firebug向您展示了將每個元素級聯在一起的規則，規則按照優先順序進行排序，並且已被覆蓋的屬性將被刪除。」來自http://getfirebug.com/css.html – 2010-01-20 12:40:13

在Firebug您可以看到任何元素的所有合格樣式。它可以讓你追蹤優先順序，但需要你使用Firefox。

（Firebug的頁面上的演示圖像真實地反映了這種行爲。請注意font-size爲h1選擇已被更加具體.siteTitle類選擇覆蓋。）

2010-01-20 08:35:39 jensgram

試用IEXPLORER或Firefox任何開發者工具欄。他們中的大多數人將能夠精確地展示將應用於元素的風格。我重新思考，例如Firebug（Mozilla Firefox的插件）可以顯示將應用什麼樣式，以及它們被其他樣式覆蓋的位置。祝你好運 ;）。編輯：IE開發工具欄也有這個功能。

2010-01-20 08:36:19 Younes

回答