ol标签声明语义顺序，编号由浏览器计数器生成；start设起始值（如start="5"显示“5.”），reversed实现视觉倒序（如start="5" reversed显示“5.”“4.”），list-style-type比type属性更灵活稳定。
ol 标签本身不负责“生成”编号，它只声明语义上的顺序结构；真正控制编号逻辑的是浏览器内置计数器，而显示样式由 start、reversed 和 CSS 的 list-style-type 共同决定。别一上来就写 type="a"，先想清楚你要的是语义顺序、视觉倒排，还是纯样式换皮。
怎么让编号从 5 开始而不是 1
用 start 属性，不是 value，也不是 CSS 的 counter-increment：
-
start必须是整数（正负都行），不能是小数或字符串 - 写成
<ol start="5"><li>第五步</li></ol>，渲染就是 “5. 第五步” - 如果同时用了
reversed，比如<ol start="5" reversed></ol>，显示的是 “5. … 4. … 3.”，不是从最大值往下推——起始值仍是第一个可见编号 - 动态插入新
li时，start不会自动重算；新增项仍按默认递增逻辑走，除非你手动设value或用 JS 更新整个计数器
type 属性和 list-style-type 到底谁该用
type 是 HTML 属性，仅支持 "1"、"a"、"A"、"i"、"I" 这五种，且在嵌套 ol 中不继承；list-style-type 是 CSS 属性，支持更多值（如 lower-alpha、upper-roman、decimal-leading-zero），也更稳定：
- 旧版 IE 对
type="a"渲染不稳定，可能 fallback 成数字；但ol { list-style-type: lower-alpha; }在所有现代浏览器中一致 - 如果你写了
<ol type="A"></ol>又加了ol { list-style-type: lower-greek; }，后者会覆盖前者 -
list-style-type: none能彻底关掉编号，但注意：这不会影响 DOM 顺序或可访问性，屏幕阅读器仍会播报“第 3 项” - 想用 emoji 或图标做前缀？必须用
list-style: none+li::before { content: "➡ "; }，type完全做不到
嵌套 ol 时编号为什么乱了
嵌套本身合法，但默认情况下子 ol 不继承父级的 type 或 start，且浏览器对多层计数器的处理容易出偏差：
- 子
ol必须显式写<ol type="a"></ol>，不能指望它自动变成字母 - 如果想实现 “1 → 1.1 → 1.1.1” 这类层级编号，
type和start都无能为力，得用 CSS 计数器：counter-reset: section;+counter-increment: section;+content: counters(section, ".") ". " - 嵌套过深（超过三层）时，部分屏幕阅读器可能无法正确识别层级关系，建议用
aria-level手动补全 - 检查父级
ol是否设置了padding-left: 0或margin-left: 0—— 这会导致子列表视觉上“贴边”，误以为没嵌套成功
最常被忽略的一点：ol 的核心价值不在编号长得像不像，而在它向浏览器和辅助技术传递“这个列表有内在顺序”的语义。编号样式错了还能调，语义选错了，后面加 ARIA、做自动化测试、甚至 SEO 都要返工重来。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
