能实现，但需用counter-reset初始化计数器、counter-increment在各级li上递增，并通过::before中content: counters()拼接层级编号；子ol不能设counter-reset，否则重置中断。
HTML ol 嵌套时编号不延续？用 counter-reset 和 counter-increment 手动控制
默认情况下，ol 里嵌套另一个 ol，子列表会从 1 重新开始，而不是接续父级的当前序号（比如父级第 3 条下的子项显示为 “3.1”“3.2”）。原生 HTML 没有属性能直接开启“延续编号”，必须靠 CSS 计数器手动实现。
核心思路是：取消子 ol 的自动重置行为，让它继承并基于父级计数器继续递增。
- 给外层
ol设置counter-reset: item（初始化计数器） - 给
li设置counter-increment: item（每次出现就 +1） - 关键：子
ol不要设counter-reset，且子li仍用同一个item计数器 - 用
::before和counter()控制显示格式，比如counter(item) ". "
如何让嵌套 li 显示成 “3.1”“3.2” 这样的层级编号
需要两层计数器配合：一个主计数器（section）对应一级编号，一个子计数器（subsection）对应二级。但注意——这不是靠嵌套自动产生，而是显式绑定到每个 li 的层级语义上。
- 一级
li：只触发counter-increment: section，显示counter(section) - 二级
li（即父li内的ol > li）：同时触发counter-increment: subsection，并显示counter(section) "." counter(subsection) - 必须给二级
li单独写选择器，例如ol ol > li或加 class 如.sub-item - 如果想支持更深嵌套（如 3.1.2），就得再加第三层计数器，CSS 会迅速变复杂，此时建议改用 JS 生成或服务端渲染
start 属性为什么对子 ol 无效？
start 只作用于当前 ol 元素自身的起始值，它不会读取父 li 的序号，也无法感知外部计数状态。即使你写 <ol start="4"></ol>，浏览器也只把它当静态数字，和父列表完全无关。
立即学习“前端免费学习笔记（深入）”；
- 常见错误：试图用 JS 读取父
li的textContent（如 "3."）再设置子start—— 不可靠，因为文本可能含空格、标点或自定义样式 - 更糟的是：
start在 CSS 计数器方案中会被忽略，因为编号已由::before完全接管 - 真正可控的方式只有 CSS 计数器 + 精确的选择器范围
兼容性和容易漏掉的细节
这套方案在 Chrome/Firefox/Safari/Edge（2020 年后版本）都稳定支持，但 IE11 及更早版本不支持 counter() 在 ::before 中嵌套调用（如 counter(a) "." counter(b)），仅支持单个计数器。
- 务必给最外层
ol设counter-reset，否则所有counter()都是 0 - 子
ol本身不要设counter-reset，否则会清空父级计数器 - 如果列表项用了
display: flex或float，::before可能错位，需额外处理vertical-align或margin - 打印 PDF 时部分引擎（如 wkhtmltopdf 旧版）对 CSS 计数器支持不全，测试时务必真机导出验证
层级编号看着简单，实际依赖的是对 CSS 计数器生命周期的精确控制——不是“加个属性就行”，而是得把每个 li 当作状态节点来管理。
