스크립트 & 소스코드 공유

要实现 有序列表（<ol>）的序号小于 10 时前面补零（如 01, 02, ..., 09, 10, 11...），核心思路是：隐藏默认序号，用 CSS 伪元素 ::before 动态生成带前导零的序号。

以下是 3 种主流实现方法，从简单到灵活，覆盖不同场景：

一、最推荐：纯 CSS counter + ::before（无需 JS，兼容性好）

利用 CSS 计数器 counter-reset/counter-increment 统计列表项数量，再通过 ::before 伪元素显示序号，配合 content 拼接前导零。

核心原理：

1. counter-reset: list-counter 0：在 <ol> 上初始化计数器，起始值为 0（默认从 1 开始，这里显式设 0 更清晰）。
2. counter-increment: list-counter 1：在每个 <li> 上递增计数器，每次 +1。
3. content: counter(list-counter, decimal-leading-zero)：用 decimal-leading-zero 格式显示计数器（自动为 1-9 补零）。