Question

我试图通过调用表上的第一个子项将一个图像插入到Table：class之前。该表有几个不同的类和一些重复。我试图解决的课程是

td.familyHeader.foldedlabel.Apple:first-child

有一些重复项，第一类删除所有这些副本。我怎么才能只打电话给第一个？

html：

 <tbody>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel Apple"></td>
   </tr>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel Apple"></td>
   </tr>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel Apple"></td>
   </tr>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel"></td>
   </tr>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel"></td>
   </tr>
   <tr>
   <td colspan="10" class="familyHeader foldedlabel"></td>
   </tr>
 </tbody>

Answer 1

您可以使用以下示例创建自己的代码。它会起作用。

<style>
table td.aaa {
    background:#000;
    color:#fff;
}
table td:first-child.aaa {
    color:#ff0000
}
</style>


<table>
  <tr>
    <td class="aaa">1</td>
    <td class="aaa">1</td>
    <td class="aaa">1</td>
    <td class="aaa">1</td>
    <td class="aaa">1</td>
  </tr>
</table>

Answer 2

如果我理解你的问题：

因为每个td是每个tr中唯一的子项，所以它始终是您的选择器中的第一个子项。

而你需要选择第一个tr，然后选择

中的td

您需要的选择器将是：

tbody tr:first-child td.Apple

Answer 3

我使用了选择器tbody tr:nth-child(1) td.Apple。

您可以在此处找到示例：jsbin.com。

让同一个班级的第一个孩子在桌子上？

3 个答案: