CSS- table 序列号自动排序

HTML:

<table>
<thead>
    <tr>
    <th>序号</th>
    </tr>
</thead>
<tbody>
    <tr>
       <td class="SortCLASS"></td>
    </tr>
</tbody>
</table>

CSS:

tbody {
   counter-reset:sectioncounter;
}                      

.SortCLASS:before {
   content:counter(sectioncounter); 
   counter-increment:sectioncounter;

}