css - 让第一个 child 进入同一类(class)？

Question

我试图通过调用表中的第一个子项来将图像插入到表中:课前。该表有几个不同的类和一些重复项。我要学习的类(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>