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

Question

我正在编辑电子商务商店的静态框架的CSS.我不能编辑很多但我一直在使用nth-child来定位CSS中的某些元素.问题是很多动态生成的div,表和spans没有类或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有一个复制CSS选项,那将是非常好的,但由于某种原因,它没有.也许有人会进行延期.