谷歌浏览器开发者工具系列7: 在Elements面板中用CSS选择器查找HTML元素

介绍

当我们在Elements面板中查找HTML元素的时候,我们可以通过CSS选择器来查询,例如:
– a[href] – 查找所有拥有href属性的锚点链接a标签
– li a – 查找所有列表元素后代为锚点链接a的标签。

如何使用

要使用这个功能,我们可以用首先切换到Elements面板当中,然后使用快捷键CMD/Ctrl + F
我们以下面的例子为示例进行演示:
dom search by selector - 谷歌浏览器开发者工具系列7: 在Elements面板中用CSS选择器查找HTML元素
上图中演示的就是查找类名为summary的元素的子元素下面为h3元素。

发表回复 0