css - 行の最初の行の右側に太い境界線を作成するにはどうすればよいですか？

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

これがデモです

これがコードです

.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;
}