找到所有使用特定css选择器的元素

Question

试图做一些前端设计工作，我需要对我的css进行一些调试/测试。

我知道大多数浏览器开发工具，我可以点击一个元素，并得到一个完整的样式跟踪。

但我想要做的是相反的。

我知道的选择，我希望找到与它（简单Ctrl + F键不工作）相关

我怎么会去这一切的元素？

Answer 1

你一定可以在普通的Javascript控制台上用document.querySelectorAll来做到这一点。

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

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

浏览器控制台将显示它已发现的元素。当您在控制台中将鼠标悬停在列表上时，大多数还会在页面中突出显示它们。