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

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

我知道，使用大多数浏览器开发工具，我可以单击某个元素并获得完整的样式跟踪

但我想做的恰恰相反

我知道选择器，我希望找到与其关联的所有元素（简单的ctrl+f不起作用）

---

我该怎么做呢？

您当然可以在普通的Javascript控制台中使用

document.querySelectorAll

实现这一点

因此，如果要查找与body div.heading h1匹配的所有元素，请执行以下操作

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

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