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

Pri*_*ora 2 html css css-selectors css3 web-developer-toolbar

尝试做一些前端设计工作,我需要做一些调试/测试我的CSS.

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

但我想要做的就是反过来.

我知道选择器,我希望找到与它相关的所有元素(简单的ctrl + f无法解决)

我该怎么做?

lon*_*day 5

您肯定可以在普通的Javascript控制台中执行此操作document.querySelectorAll.

所以如果你想找到匹配的所有元素,那就body div.heading h1去做吧

document.querySelectorAll('body div.heading h1');
Run Code Online (Sandbox Code Playgroud)

浏览器控制台将显示它找到的元素.当鼠标悬停在控制台中的列表时,大多数也会在页面中突出显示它们.