CSS表格添加序號

在一些需要排序的表格中，我們經常需要在每一行前添加序號，這時候我們可以使用CSS來實現。下面我們來看看具體方法。

首先，我們需要在表格中的每一行前添加一個標簽來顯示序號，我們可以使用偽元素:before來實現。代碼如下：

tr td:first-child:before {
counter-increment: rowNumber;
content: counter(rowNumber);
}

上面的代碼中，我們首先選中了表格中每一行的第一個單元格，然后使用CSS計數器為每一行的序號進行累加，最后使用content屬性將序號顯示在:before偽元素中。

接下來，我們需要在CSS樣式表中定義計數器的初始值。代碼如下：

table {
counter-reset: rowNumber;
}

上面的代碼中，我們將計數器的初始值設置為0。

現在，我們已經成功地為表格中的每一行添加了序號。需要注意的是，如果表格中有多個頁碼，我們需要在每一個頁面的開始處重新設置計數器的初始值，以避免重復計數。

通過使用CSS來添加表格序號，我們可以大大簡化HTML代碼，提高代碼的可維護性和復用性。