Jquery 使用CSS将表格样式设置为tic-tac趾板

我计划用jQuery和PHP编写一个tic-tac-toe游戏。我想用CSS来设计图板（一个html表格）的样式。我不知道CSS属性可以选择性地应用于单元格，以便特定单元格获得边框。 是否有任何CSS属性我可以使用，或者我应该尝试不同的方法

html标记是：

  <div id="board">
    <table>
      <tr id="row1">
        <td class="square"></td>
        <td class="square"></td>
        <td class="square"></td>
      </tr>
      <tr id="row2">
        <td class="square"></td>
        <td class="square"></td>
        <td class="square"></td>
      </tr>
      <tr id="row3">
        <td class="square"></td>
        <td class="square"></td>
        <td class="square"></td>
      </tr>
    </table>
  </div>

---

如果您希望中间正方形有黑色边框，只需执行以下操作：

.middle {
border: 1px solid #000000;
}
<td class="middle"></td.>

.middle{
边框：1px实心#000000；
}

您必须为每个td提供多个类，中间方块除外。

---

例如，vary first td的类为“top”和“left”，而在css top中的类为border top:none；而左撇子会留下边界：没有；正方形总是有所有的边框。

好吧，给一些TDs添加第二个类，只给那个类添加边框

HTML和CSS：

.square{
宽度：100px；
高度：100px；
}
五{
左边框：1px实心#000；
右边框：1px实心#000；
}
h{
边框顶部：1px实心#000；
边框底部：1px实心#000；
}

忘了提一下，你应该为每个td保留square类。哦，忘了提一下，如果你想保持类square，简单地做一下：

这在JSFIDLE和Safari/Chrome中呈现得非常完美，但在Firefox或IE中没有，有什么解决办法吗？仅供参考，我正在运行IE9和Firefox 5。