在表格中选择具有特定类别的第一个孩子并将其隐藏

Question

我正在使用以下代码隐藏类的第一个孩子。

.remRef {
   display: none
}

.remRef~.remRef {
   display: block
}

<table width="200" border="1">
  <tr>
    <td><a href="javascript:void(0);" class="remRef">link1</a></td>
  </tr>
  <tr>
    <td><a href="javascript:void(0);" class="remRef">link2</a></td>
  </tr>
  <tr>
    <td><a href="javascript:void(0);" class="remRef">link3</a></td>
  </tr>
</table>

它不在表内工作。请帮我解决这个问题。

Answer 1

请检查以下示例。希望这会有所帮助！

table tr:first-child {
    display: none;
   }

<table width="200" border="1">
    <tr>
      <td><a href="javascript:void(0);" class="remRef">link1</a></td>
    </tr>
    <tr>
      <td><a href="javascript:void(0);" class="remRef">link2</a></td>
    </tr>
    <tr>
      <td><a href="javascript:void(0);" class="remRef">link3</a></td>
    </tr>
  </table>