reversed属性不能单独实现稳定倒序编号，必须显式配合start属性（值等于列表总项数），否则因Safari兼容性差、value干扰或动态增删未重设start导致编号错乱；真正倒序需反转数据源而非仅依赖该属性。
reversed 属性本身不处理“数据倒序”，它只控制编号方向——你得先让数据真正倒序，再配对使用 start。
为什么只加 reversed 常常没编号？
浏览器对 reversed 的实现依赖隐式 start 推算：有 5 个 li 就默认设 start="5"。但这个逻辑在 Safari（≤16.4）、动态增删后、或存在 value 属性时极易失效。
- Chrome 显示
4. 3. 2. 1.，Safari 可能显示1. 1. 1. 1.或直接忽略reversed -
<ol reversed><li value="10">B</li></ol>→ 编号变成1. A / 10. B / 11. C，reversed对带value的项完全不生效 - JS 动态插入新
li后，编号可能变成4. 3. 2. 1. 5.（因start没重设）
reversed 必须和 start 成对出现才可靠
想稳定输出递减编号（如 4. 3. 2. 1.），start 值必须显式设置，且等于列表总项数。
- 服务端或构建时：返回已倒序数组，再生成
<ol reversed start="4">...</ol> - 客户端 JS：先反转数据，再计算长度设
start：ol.setAttribute('start', items.length) - 别用
ol.children.length动态取值——如果 DOM 里混入了非li节点（比如注释、空格文本节点），会出错；稳妥做法是ol.querySelectorAll('li').length
真正倒序内容时，reversed 是障眼法
如果你的目标是“最新一条排最上面”，仅靠 reversed 会破坏语义：
立即学习“前端免费学习笔记（深入）”；
- 屏幕阅读器仍按原始 DOM 顺序朗读，编号和语义脱节
- 键盘 Tab 焦点流仍是第一项→第二项→第三项，与视觉顺序相反
-
flex-direction: column-reverse虽能翻转视觉，但会破坏子元素定位、滚动锚点、伪元素行为 - 唯一健壮解法：反转数据源本身——后端返回已排序数组，或前端用
items.slice().reverse()再生成ol
最容易被忽略的一点：当编号承载操作步骤、法律条文或错误日志优先级等语义时，reversed 只改数字不改逻辑，反而制造歧义。此时编号必须与数据顺序严格对齐，不能靠属性“假装倒序”。
