找出哪一個子元素是

我正在編輯電子商務商店的靜態框架的CSS。我不能編輯很多，但我一直在使用nth-child來定位CSS中的某些元素。問題在於很多動態生成的div，表和跨度沒有類或ID選擇器。所以有很多CSS選擇這樣的架構是建立在表：找出哪一個子元素是

.sample_CSS_class table:nth-child(5) table

這是一個與類「sample_CSS_class」在div下所包含的第五表內的表的目標。這可能需要很長時間。我必須進入Google Chrome Inspector（或Firebug）並展開源代碼，然後從那裏倒數。有了這麼多的代碼，我可以犯錯誤，這也只是需要一段時間。

我想知道是否有人知道有效的方式來找出像Firebug或Google Chrome Inspector（或其他任何其他工具）的元素的nth-child數字。謝謝！

這個測試器可能很有用http://lea.verou.me/demos/nth.html – 2013-02-12 00:28:44

你有應用程序運行的地方嗎？它太理論了。 – 2013-02-12 00:29:10

那裏有各種xpath幫助器工具。當您查看元素xpath時，方括號中的最後一個數字是該元素的子訂單號。您可以在Chrome Inspectory中使用右鍵單擊 - >在目標元素上覆制XPath，而無需任何擴展，但必須將其粘貼到某個位置，這可能有點乏味。 – 2013-02-12 00:33:47

有了Chrome，你可以使用複製XPath上下文菜單項進行排序的做到這一點：

XPath stuff

它會給你一個XPath選擇，看起來像這樣：

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

div[13]就像div:nth-child(13)。如果Chrome有一個複製CSS選項，但是由於某種原因它不會。也許有人會做延期。

2013-02-12 00:30:44 Blender

回答