CSS選擇器選取器/取景器？

Question

任何人都知道一個工具/火狐插件，可以讓我點擊一個頁面中的DOM對象，並給我的樣式該元素所需的CSS繼承？

因此，如果有一堆嵌套元素OL李OL裏的等...我應該我的CSS樣子樣式說元素？

Answer 1

的Web Developer擴展是優秀的在這一點。快捷方式是Ctrl+Shift+F來激活點擊界面...點擊任何元素以查看完整的繼承樹。

Answer 2

Firebug會告訴你的完整路徑的任何元素（在HTML標籤的頂部），但它不會自動生成CSS選擇器。

Answer 3

你想要Firebug。

一旦你安裝了它，你可以右鍵點擊網頁中的任何元素，然後從上下文菜單中選擇「檢查元素」。這顯示了您需要了解的元素的所有信息，包括所有正在處理的CSS樣式的列表。出於您的目的，您可能想要使用列表中的第一個選擇器。

Answer 4

看一看firequark ..這是Firebug的一個擴展，單個或多個HTML節點

Answer 5

有沒有人來創建一個選擇的方式提取的CSS選擇器。最終，爲你的選擇器做一個完整的祖先鏈是在尋找麻煩，因爲無論你的文檔結構發生什麼變化，你的選擇器都會中斷。我的經驗法則是在您的文檔中使用#id選擇器作爲文檔中的單例元素（即#mainNav或#content）和.class選擇器，用於重複或混合的元素（即.menuItem，.external）。