如何在表单中包含的表中设置第一个<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;
}

来自MDN的参考