14

我有一个如下的HTML表格：

<table class="reference notranslate">
  <tr>..</tr>
     .
     .
  <tr>..</tr>
</table>
<table class="reference notranslate">
  <tr>..</tr>
     .
     .
  <tr>..</tr>
</table>
<table class="reference notranslate">
  <tr>..</tr>
     .
     .
  <tr>..</tr>
</table>

我知道XPATH：//table[@class = 'reference notranslate'][2]/tr[2]

我想选择第二个表的第二行。任何人都可以帮助如何编写CSS 选择器吗？

4

3 回答 3

24

“我知道 XPATH ：//table[@class = 'reference notranslate'][2]/tr[2]

我想选择第二个表的第二行。任何人都可以帮助如何编写 CSS 选择器吗？”

所以，你的意思是：

table.reference.notranslate:nth-child(2) tr:nth-child(2)

tr这将选择具有两个类 (reference和notranslate)的第二个表的第二个后代元素。

jsFiddle 在这里。

于 2013-07-13T20:39:54.203 回答
5 
table.reference:nth-of-type(2) tr:nth-child(2)
{
    background-color:red;
}
于 2013-07-13T20:35:12.337 回答
3

试试这个

table.reference:nth-child(2) tr:nth-child(2)
{
    background-color:red;
}

Js小提琴

于 2013-07-13T20:33:45.023 回答