CSS表格行自动索引起始为2，如何修改使其从1开始？

这问题我太熟了！你现在的计数器之所以从2开始，核心原因是table tr { counter-increment: rowNumber; }这条规则把<thead>里的表头行也包含进去了——计数器在表头行就已经完成了一次自增，所以tbody的第一行自然就从2开始计数啦。

要修复这个问题，只需要把计数器自增的目标限定在tbody内部的tr元素，修改这一行代码即可：

原代码：

table tr { counter-increment: rowNumber; }

修改为：

table tbody tr { counter-increment: rowNumber; }

完整的修正后CSS代码如下：

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

这样调整后，计数器只会在tbody的行里触发自增，表头行不会干扰计数逻辑，tbody的第一行就能从1开始正常编号了。

内容的提问来源于stack exchange，提问作者Sona Shetty