无法使选择器在html表上工作

Question

奇怪为什么选择器不能从CSS的html表中工作。

td {
  width: 100px;
  height: 100px;
}

td {
  border: 1px solid black
}

tr.1 {
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

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

总而言之，我试图通过在9个桌子位置上显示某些边框来制作井字游戏板。无法弄清楚如何一次只选择一个“ td”来打开我需要的边界。

Answer 1

不确定是否有帮助，但类名不能以数字开头。

通过W3C