html - 找出元素是哪个nth-child

Question

我正在为电子商务商店编辑静态框架的 CSS。我不能编辑很多，但我一直在使用 nth-child 来定位 CSS 中的某些元素。问题是很多动态生成的 div、表和 span 没有类或 ID 选择器。该框架是建立在表格上的，所以有很多这样的 CSS 选择器：

.sample_CSS_class table:nth-child(5) table

这是 div 下的第五个表中包含的具有“sample_CSS_class”类的表的目标。不过，这可能需要很多时间。我必须进入 Google Chrome Inspector（或 Firebug）并展开源代码，然后从那里倒计时。有这么多代码，我可能会犯错误，而且只需要一段时间。

我想知道是否有人知道使用 Firebug 或 Google Chrome Inspector（或任何其他可用的工具）之类的元素的第 n 个子编号的有效方法。谢谢！

Answer 1

在 Chrome 中，您可以使用Copy XPath上下文菜单项来执行此操作：

它会给你一个 XPath 选择器，如下所示：

//*[@id="sidebar"]/div[4]/div/div[13]

div[13]就像div:nth-child(13)。如果 Chrome 有一个Copy CSS选项，那就太好了，但由于某种原因它没有。也许有人会进行扩展。