找出一个元素是哪个n-child

Question

我正在编辑电子商务商店的静态框架的CSS。我不能编辑很多但我一直在使用nth-child来定位CSS中的某些元素。问题是很多动态生成的div，table和spans没有class或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，您可以使用复制XPath 上下文菜单条目进行排序：

它会为你提供一个如下所示的XPath选择器：

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

div[13]与div:nth-child(13)类似。如果Chrome有一个复制CSS 选项，那将是非常好的，但由于某种原因，它没有。也许有人会进行延期。