reversed 属性仅视觉倒序编号，不改变 dom 顺序、不保证兼容性、不适用动态场景；必须显式设置 start 值等于 li 总数，否则 safari≤16.4/ie 忽略、chrome/edge 易错乱，且 screen reader 和 tab 流仍按原始顺序，损害可访问性；真正倒序应反转数据源、dom 节点或用 css flex-direction: column-reverse；css 计数器（counter-reset + counter-increment: -1）更可靠、兼容性更好，但需手动管理；编号承载语义时（如步骤、条款），必须确保逻辑与展示严格一致。
reversed 属性能实现编号倒序，但仅控制数字显示，不改变 DOM 顺序、不解决兼容性、也不适配动态场景——它只是个视觉修饰，不是重排方案。
用 reversed + start 才算真正生效
单独写 <ol reversed></ol> 在 Safari ≤16.4、IE 全系中会被忽略；Chrome/Edge 虽能显示，但隐式推算的 start 值（如自动设为 start="5"）在动态增删 <li> 后极易错乱。
- 必须显式设置
start，且值应等于当前<li>总数：例如 4 项就写start="4" - JS 动态渲染后，立刻执行
ol.setAttribute('start', ol.children.length)补全 - 一旦某个
<li>带了value属性，reversed对它及后续项全部失效 - 搭配
type="a"时，start="3"对应字母c，不是z；真要 z→x 得换 CSS 计数器
想让“最新一项在最上面”？reversed 不行，得动数据或 DOM
屏幕阅读器仍按原始 DOM 顺序朗读，键盘 Tab 流仍是第一项 → 第二项 → 第三项，而视觉上却是反的——这对可访问性是硬伤。
- 若内容本身需倒序展示（如日志、评论、步骤），优先反转数据源：
items.slice().reverse()再生成<ol></ol> - 用 JS 翻转 DOM 节点：安全做法是
while (ol.lastElementChild) ol.prepend(ol.lastElementChild) - 用 CSS
flex-direction: column-reverse最快，但会同步翻转焦点流和屏幕阅读器顺序，且可能破坏子元素定位或伪元素行为 - 服务端直接返回已倒序的数据，语义和可访问性最稳
用 CSS counter 替代 reversed 的适用场景
当需要精确控制倒序逻辑（比如项数未知、要跳过某些编号、或兼容老浏览器），counter-reset + counter-increment: -1 更可靠，且不依赖 HTML 属性支持。
- 固定项数：在
<ol></ol>上设counter-reset: step 4，再counter-increment: step -1 - 项数动态：把
counter-reset移到 HTML 中，由 JS 注入具体值，例如<ol style="counter-reset: step ${items.length}"></ol> - 注意：CSS 计数器对
<li value>无感知，不会被干扰，但无法自动响应 DOM 变更 - 所有浏览器都支持，包括 IE11 和 Safari 9+
最容易被忽略的是：编号是否承载语义。如果是操作步骤、法律条款或错误优先级，编号必须与数据逻辑严格对齐——此时靠 reversed “假装倒序”，反而会让辅助技术用户完全迷失上下文。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
