2014-11-01 122 views
2

試圖做一些前端設計工作,我需要對我的css進行一些調試/測試。找到所有使用特定css選擇器的元素

我知道大多數瀏覽器開發工具,我可以點擊一個元素,並得到一個完整的樣式跟蹤。

但我想要做的是相反的。

我知道的選擇,我希望找到與它(簡單Ctrl + F鍵不工作)相關

我怎麼會去這一切的元素?

回答

5

你一定可以在普通的Javascript控制檯上用document.querySelectorAll來做到這一點。

所以,如果你想找到所有符合body div.heading h1的元素,做

document.querySelectorAll('body div.heading h1'); 

瀏覽器控制檯將顯示它已發現的元素。當您在控制檯中將鼠標懸停在列表上時,大多數還會在頁面中突出顯示它們。

相關問題