如何在我的行的第一个右侧创建一个粗边框？

Question

如何在每行的第一个<td>上创建粗右侧边框：

<table class="code">
   <tbody>
      <tr>
         <td>01</td><td></td>
      </tr>    
      <tr>
         <td>02</td><td>interface Transport {}</td>
      </tr>
   </tbody>
</table>

Answer 1

这是a demo

这是代码

.code tr td:first-child {
    border-right:5px solid red;
}​

哦，太晚了。

Answer 2

td:first-child {
   border-right: 5px solid black;
}

Answer 3

td:first-child
{
 border-right: 1px solid red;
}

Answer 4

td:first-of-type {
  border-right: 3px solid black;
}