直接设置<ol start="5">即可让序号从5开始，start值必须为整数，配合type属性可实现字母或罗马数字编号（如type="A" start="3"显示C、D、E），无需JS或CSS模拟。
用 <ol> 标签写流程时，序号不从 1 开始怎么办
直接改 start 属性就行，不用 JS 或 CSS 模拟。比如某流程接续上一个文档的第 5 步，就写 <ol start="5">。浏览器原生支持，所有现代浏览器都认这个属性。
注意：start 只接受整数，不能是 "5a" 或 "ii"；如果想用罗马数字或字母编号，得换 type 属性，但 start 值仍需是阿拉伯数字（例如 <ol type="A" start="3"> 会显示 C、D、E）。
type 属性在不同浏览器里表现一致吗
基本一致，但有细节差异。Chrome、Firefox、Safari 都支持 type="1"（默认）、"a"、"A"、"i"、"I"，但 type="i" 在旧版 Edge 中可能渲染为小写 i 而非小写罗马数字（实际是规范行为，不是 bug）。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 对外交付的文档优先用
type="1"或type="a"，兼容性最稳 - 避免嵌套多层
<ol>并混用type，容易在打印或 PDF 导出时错位 - 不要依赖
type="c"这类非标准值——它不会生效，浏览器会回退到"1"
流程步骤里要插一段说明文字，还能保持编号连续吗
能，但不能把说明塞进 <li> 外面。正确做法是把说明作为 <li> 的子内容，或者用 <div> 包裹后放在 <li> 内部。
错误写法：<ol><li>第一步</li><p class="note">注意：此处需审批</p><li>第二步</li></ol> —— 这会导致“第二步”变成第 1 项（<p> 被当成 <ol> 的非法子元素，被浏览器自动移出）。
正确写法示例：
<ol>
<li>提交申请</li>
<li>
<strong>等待审核</strong>（通常 1–2 个工作日）
<div class="hint">如超时未反馈，请联系 IT 支持</div>
</li>
<li>收到确认邮件后执行下一步</li>
</ol>
用 CSS 改序号样式会不会破坏语义或可访问性
会，如果用 list-style: none + 伪元素手动加数字，屏幕阅读器很可能只读内容、不读序号，导致视障用户丢失流程顺序信息。
安全做法是保留原生 <ol> 结构，仅用 CSS 微调外观：
- 改颜色/大小：用
ol li::marker（支持 Chrome 99+、Firefox 89+、Safari 15.4+） - 调整缩进：改
ol的padding-left，别碰margin或text-indent - 真要自定义图标（比如 ✅→➡️→?），改用
aria-label显式声明顺序，例如<li aria-label="步骤 3：打包发货">...
复杂点在于：语义和视觉分离之后，维护成本会上升，尤其当流程后期要导出为 Word 或 PDF 时，CSS 定制的序号大概率丢失，还是原生 type 和 start 最省心。
