将完整的css路径复制到字符串中

Question

我试图在文档中深入获取元素的css树字符串。使用Firebug和Chrome，我可以轻松获得选择器，但我需要完整的路径。

原因是我需要在某些页面上根据正文的类修改WordPress主题。我知道这可能不是最好的做法，但如果你们其中一个人知道复制整个字符串的方法，我会非常高兴。

实施例： body.page-id-362＆gt; div＃page.boxed＆gt; div＃main.sidebar-none＆gt; div.wf-wrap＆gt; div.wf-container-main＆gt; div＃content.content＆gt; div> div.vc_col-SM-3.wpb_column.column_container

我试图复制的那个更深，手工编写它需要很长时间。

Answer 1

Chrome （获胜者）

• 右键单击所需元素，然后单击 inspect Element
• 一旦控制台弹出，您将看到突出显示的标签，
  右键单击并选择：复制CSS路径

问题最后一段的结果如下：

#question > table > tbody > tr:nth-child(1) > td.postcell > div > div.post-text > p:nth-child(4)

---

火狐

右键单击所需元素，单击 Inspect element 。您应该看到类似的东西：

比右键单击最后一个（所需）标签元素，然后单击复制唯一选择器。
对你问题中的最后一段做了这个，它给了我：

.postcell > div:nth-child(1) > div:nth-child(1) > p:nth-child(4)

---

萤火虫

F12 这很简单，检查所需的元素，然后：

• 在[编辑]按钮
后右键单击第一个标记
• 复制CSS路径

I.E：我在你的上一个问题的段落中做了这个并得到了这个：

CSS路径：

html body.question-page.new-topbar div.container div#content div div#mainbar div#question.question table tbody tr td.postcell div div.post-text p

<强>的XPath

/html/body/div[5]/div[2]/div/div[2]/div[1]/table/tbody/tr[1]/td[2]/div/div[1]/p[4]