javascript - 如何设置表单中包含的表中第一个 <td> 元素的样式

Question

假设我有这个表格:

<form>
  <table>
    <tbody>
      <tr>
        <td style="font-family : Arial">
          Sample text
        </td>
      </tr>
    </tbody>
  </table>
</form>

由于我没有它的 id，我如何才能将新样式添加到此表单的第一个，这是我目前所拥有的:

form table tbody tr td{
    font-family : Arial;
    font-weight: bold;
}

Answer 1

如果您希望您的规则仅应用于其父项的第一个子项，请使用 first-child:

form table tbody tr td:first-child {
    font-family : Arial;
    font-weight: bold;
}

Reference from the MDN