必须写在table或tbody上，不能写在tr或td上；写在tr上会导致每行重置为1，未写则计数器未初始化而显示0或空白。
table里counter-reset该写在哪儿
必须写在table或tbody上，不能写在tr或td上。写错位置会导致每行都重置计数器，结果全是“1.”。
常见错误是把counter-reset: row;加到tr规则里——这等于告诉浏览器“每个tr都新建一个计数器”，自然永远只显示1。
-
table { counter-reset: row; }✅ 作用于整个表格，所有行共享一个计数器 -
tbody { counter-reset: row; }✅ 更精准，排除thead干扰 -
tr { counter-reset: row; }❌ 每行重置，序号全为1 - 没写
counter-reset❌ 计数器未初始化，counter(row)返回0或空
tr和td的counter-increment怎么配
counter-increment要加在tr上，不是td，因为序号是按行递增的。加在td会导致同一行多个单元格各自+1，序号跳变。
第一列用::before注入编号时，依赖的是tr触发的递增动作，td本身不参与计数逻辑。
立即学习“前端免费学习笔记（深入）”；
-
tbody tr { counter-increment: row; }✅ 每渲染一行就+1 -
td:first-child::before { content: counter(row) ". "; }✅ 只在首列插入，不干扰其他单元格 -
td { counter-increment: row; }❌ 一行三列就+3，序号飞涨 -
tr td:first-child { counter-increment: row; }❌ 语义错乱，递增应属行级行为
content里拼中文前缀要注意空格
content里的普通空格会被CSS压缩成一个，写"第" counter(row) "项"可能变成“第1项”紧贴一起，中间没空隙。需要显式用\a0（不间断空格）或加margin控制间距。
另外，counter()第二个参数必须显式写decimal才能确保中文前缀后接阿拉伯数字，否则某些浏览器 locale 下可能解析异常。
-
content: "第"\a0counter(row, decimal)\a0"项";✅ 间距可控，格式稳定 -
content: "第" counter(row) "项";❌ 空格被压缩，“第1项”无间隔 -
content: "第" counter(row, "decimal") "项";❌"decimal"是字符串，非法；正确写法不带引号 -
content: counter(row, lower-roman) ". ";✅ 小写罗马数字，但不适用于中文场景
导出PDF或打印时序号消失怎么办
CSS计数器在大多数PDF导出工具（如wkhtmltopdf、Chrome打印）中支持良好，但前提是伪元素没被禁用或覆盖。常见失效原因是td:first-child::before被display: table-cell的默认样式挤出可视区，或父级设置了overflow: hidden。
IE11虽支持counter-reset和counter-increment，但不支持counter-set，所以别试图用它修正初始值；从5开始编号得写counter-reset: row 4;（注意是初值减1）。
- 加
white-space: nowrap;防换行切断编号 - 避免给
::before设width或height，防止布局挤压 - 打印媒体查询中检查是否意外重置了
counter-reset -
tbody tr { counter-increment: row; }比table tr更稳妥，避开thead干扰
counter-reset的作用域和content里空格的处理方式——这两处一错，序号要么全1，要么挤成一团，调试起来反而比写JS还费时间。 
