css - 是否有任何浏览器开发工具可以向您显示元素的 DOM 级别,以便我知道如何使用 CSS 选择它?

标签 css dom

例如,如果我在 Chrome、FF 等的开发者工具中查看 HTML 标记,是否有办法让我看到元素在 DOM 中的位置,我可以用于 CSS 选择器的级别?

如果我去一个标签,它可能有 parent tr nth-child(4)...

我查看了 Chrome 的属性。这就是我要找的吗?

最佳答案

您最初可能看不到它,但如果您在 Chrome 开发者工具“元素”面板中单击节点并选择复制 -> 复制 XPath,您将复制包含元素索引的路径,如下所示:

/html/body/div[4]/div/div[2]

=> 第二项

关于css - 是否有任何浏览器开发工具可以向您显示元素的 DOM 级别,以便我知道如何使用 CSS 选择它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38000577/

相关文章:

javascript - 当前元素作为其事件函数参数

php - 在 PHP 中将字符串解释为 HTML

jquery - HTML5 视频 : Recognize a new source

css - 如何在 css not() 选择器中放置多个类?

html - CSS - 如何使我输入的文本开始显示在框的左上角?

html - jsf对齐panelgrid中的复选框

javascript - 循环节点列表中的所有元素时变量错误

javascript - 使用通过 AJAX 检索的内容替换 HTML 页面

html - sass 不导入我的文件

css - 如何将CSS样式应用到标签的弹出标题元素