Google Chrome Devtools - 搜索 CSS 选择器时不显示第一个找到的结果答案

【问题标题】：Google Chrome Devtools - not showing the first found result when searching for CSS selectorGoogle Chrome Devtools - 搜索 CSS 选择器时不显示第一个找到的结果
【发布时间】：2020-07-26 05:47:30
【问题描述】：

概述

当我使用 Chrome Devtools 搜索 CSS 选择器时，它不会突出显示第一个找到的结果。

如何重现它

访问任何网站，例如W3Schools
按F12
按CTRL + F
搜索div[class]
它从第二个元素开始依次突出显示，而不是第一个元素。

证明

其他人正在经历这种情况吗？有什么想法可以克服这个问题吗？谢谢。

【问题讨论】：

不清楚从您的屏幕截图中选择了哪个 div。话虽如此，当我尝试使用 W3Schools 时，它似乎选择了 DOM 中的第一个 div 元素。您是否尝试过在隐身浏览器中确保没有任何扩展程序干扰？
没错，这就是错误 - 它没有突出显示第一个 div。我确实尝试停用所有扩展程序，在隐身模式下尝试，重置计算机/浏览器等，但没有运气。如果我没记错的话，我读到这是第 74 版的一个旧错误，但显然它对某些用户来说又回来了。
啊，我的错，我误会了。我在版本 83.0.4103.116（官方版本）（64 位）上，它可以工作。抱歉，我无法提供更多帮助。
这是一个错误。它将在下一次更新中修复。同时将,*添加到查询中并按Enter。
@wOxxOm 感谢您的提醒。所以它看起来像div[class],*？但这不会只选择每个元素吗？

标签： css google-chrome google-chrome-devtools

【解决方案1】：

感谢 @wOxxOm 澄清这是 Chrome 中的一个错误。

临时解决方案是将其添加到您的查询中：,html:nth-child(1)

所以，假设您要查找所有div[class]。您的最终查询将是：div[class],html:nth-child(1)。

这将使错误集中在html 元素上并取消问题。

【讨论】：