Google chrome 如何在Chrome中获得CSS选择器？

我希望能够选择/突出显示页面上的某个元素，并找到其选择器，如下所示：

第一排 div.priceAvail>div>div.PriceCompare>div.body

我知道您可以在执行inspect元素后在底部看到选择，但是如何将此路径复制到剪贴板？在Firebug中，我认为您可以做到这一点，但是没有看到使用Chrome开发者工具来实现这一点的方法，并且搜索扩展时没有发现任何结果

以下是我试图做的，以供更多参考：

---

检查元素或Ctrl+Shift+I，它位于屏幕的最底部。如果不确定选择器，还可以在dev工具右上角的“搜索元素”框中键入

虽然不是一个扩展，但我确实找到了一个名为bookmarklet的bookmarklet，它完全符合我的要求。

如果你继承了一个非常复杂的应用程序结构，并试图追踪一个非常棘手的多嵌套css深度问题，那么有时就有必要这样做。Jquery mobile pre 1.3就是一个很好的例子。引导应用程序等

我尝试了上面的工具，但无法实际选择与原始问题类似的复杂继承的整个父项和子项

如果chromedevtools在源代码窗格中选择元素并右键单击，那么您将看到copycsspath选项

在较新版本的Chrome中，这是右键单击>复制>复制选择器。

---

您还可以通过右键单击>复制>复制XPath来获取XPath。我目前遵循的从最新Chrome版本59的元素中获取CSS选择器的工作流程如下：

打开Chrome开发工具cmd/ctrl+alt+j： 单击页面cmd/ctrl+alt+c中的选择元素工具： 单击要从中获取选择器的元素，以便在“开发工具”面板中查看它： 右键单击“开发工具”元素： 单击复制->复制选择器： 这给了我以下信息：

---

问题>表格>正文>tr:nth-child1>td.postcell>div>div.post-text>blockquote>p

对不起，我不够清楚。我知道这是在底部，但我想要一种方法来复制/粘贴它使用选择器格式，因为我需要这样做，为一些项目。不幸的是，我不知道有什么方法可以做到这一点。也不太清楚为什么要这样做，因为您可能希望对Firebug/Chrome将提供给您的选择器应用一些清理。例如，你不想用html.body.div启动css中的每个选择器，而你可以只说div。抱歉，这帮不了忙。看起来它现在也是一个Chrome扩展。我的chromeIt中没有这个选项，现在称为Copy selector或Chrome 61中的右键单击>Copy>Copy selector。这个答案已经过时了。查看@OscarRyz评论。屏幕截图太多。回答OP问题只需要最后一个。