考试题必须用语义化编号，多页续编用start属性（如start="16"），嵌套小题用CSS counter-reset/increment，禁用value和手动序号，确保可访问、打印与动态更新。
考试题目必须用 <ol></ol>，不能靠手动写“1.”“2.”——否则无法语义化、不可访问、打印错乱、后续也无法用 CSS 或 JS 动态控制题号样式或跳转锚点。
用 start 衔接多页/分卷题号
考试常分卷（如“第 I 卷”“第 II 卷”）或多页续编（上一页末尾是第 15 题，本页从第 16 题起），这时直接用 start 最干净：
-
<ol start="16"></ol>→ 第一项显示为 “16.”，后续自动为 17.、18. …… -
start值必须是整数；start="0"合法（显示 “0.”），start="-5"也合法（显示 “-5.”“-4.”），但部分旧浏览器可能 fallback 到 1 - 别写
<ol start="十六"></ol>—— 浏览器会忽略并从 1 开始，start只接受阿拉伯数字 - 若需“第 I 卷”这类文字前缀，
start不够用，得切到 CSS 计数器方案（见下一条）
用 CSS counter-reset 实现“第X题”“第X小题”嵌套
当题目结构含主干题 + 小题（如“1. 计算下列各式：（1）……（2）……”），原生 <ol></ol> 的 type 和 start 无法生成带文字前缀的嵌套编号，必须用 CSS 计数器：
- 外层
<ol class="main"></ol>上设counter-reset: question; - 每个主干题
<li>上设counter-increment: question;，再用::before { content: "第" counter(question) "题 "; } - 小题用另一计数器：
<ol class="sub"></ol>设counter-reset: subquestion;，其<li>上设counter-increment: subquestion;，::before插入"（" counter(subquestion) "）" - 关键陷阱：
counter-increment必须写在要显示序号的元素上（通常是<li>），且父级<ol></ol>必须有对应counter-reset，否则counter()返回 0
避免用 value 属性手动指定题号
<li value="5"> 看似能跳到第 5 题，但它只影响当前项，后续项仍按 “5+1=6” 递增，极易导致编号断裂。更严重的是：
立即学习“前端免费学习笔记（深入）”；
- 屏幕阅读器可能读作“列表第 1 项（值为 5）”，造成语义混乱
- 打印时若某页被截断，
value无法自动对齐物理页码 - 动态加载新题（如“展开解析”）时，
value不会重算，必须 JS 手动遍历重设——而counter-reset是声明式、自动响应 DOM 变化的 - 真要跳题（如“第 10 题”后接“第 15 题”），应拆成两个独立
<ol></ol>，分别用start="10"和start="15"
兼容性与导出 PDF 的实际注意点
考试题文档常需导出 PDF 或适配高对比度模式，这时原生 <ol></ol> 比纯 CSS 伪元素更稳：
-
reversed属性在 Safari iOS 12.2 之前不支持，IE 完全不支持；若需倒序题号（如“倒计时式答题”），优先用 JS 调换<li>节点顺序，而非依赖reversed - PDF 导出工具（如 wkhtmltopdf）对 CSS
counter()支持不一，某些版本会漏掉::before内容；若稳定性压倒一切，可服务端渲染为静态文本（即把content结果写死进 HTML），但失去动态更新能力 - 所有题干必须包裹在
<li>内，禁止<ol><p>第1题</p></ol>—— 浏览器会忽略<p></p>，不编号也不计入计数器
