reversed属性实现视觉降序编号但不改变DOM顺序，屏幕阅读器仍按原序朗读；IE和旧Safari不支持，需CSS计数器、JS补丁或服务端反序替代；start与reversed组合易误用，数据逻辑倒序须独立处理。
reversed 属性确实能让 <ol></ol> 一步实现降序编号，但它的行为不是“倒数”，而是“反向计数”——即视觉上从大到小显示，但语义和 DOM 顺序完全不变。
reversed 是反向计数，不是重排 DOM
给 <ol reversed></ol> 加上 start="5"，会显示 5、4、3、2、1，但 <li> 的 DOM 顺序仍是原始顺序（第一个 <li> 还是第一个节点）。这意味着：
- 屏幕阅读器仍按 DOM 顺序朗读，编号只是视觉修饰
- 无法靠它实现“把最后一项内容显示在最前面”这类真实重排需求
- 若想让内容本身倒序（比如把数组末尾元素放在列表顶部），必须用 JavaScript 调用
Array.prototype.reverse()或手动重排<li>节点
reversed 在 IE 和旧版 Safari 中不支持
IE 全系（包括 IE11）完全忽略 reversed；Safari 9 及更早版本也不支持。如果你的项目需兼容这些环境，不能只依赖该属性。可行替代方案有：
- CSS
counter-reset+::before：用counter-reset: item 5和counter-increment: item -1模拟，但需固定项数或 JS 动态设初值 - JavaScript 补丁：检测
document.createElement('ol').reversed === undefined，为不支持的浏览器注入样式或重排逻辑 - 服务端渲染时直接输出反序的
<li>，绕过客户端兼容问题
reversed 和 start 的组合容易出错
start 值决定的是“第一个 <li> 显示的数字”，而 reversed 决定的是“后续项递减”。例如：
立即学习“前端免费学习笔记（深入）”；
<ol reversed start="10"> <li>A</li> <li>B</li> <li>C</li> </ol>
会显示为 10、9、8。但若漏写 start，默认从 list-item-count（即项总数）开始，比如 3 项就从 3 开始 → 3、2、1。这个隐式行为常被误认为“自动倒数”，其实它只是用 length 当起点，不感知内容含义。
真正需要“倒数排名”时，reversed 很可能不够用
比如展示“近 7 天销量 Top5”，要求今天排第 1、昨天第 2……这本质是时间倒序 + 编号绑定。此时 reversed 只能解决编号显示，数据源仍需按时间降序排列（sort((a, b) => new Date(b.date) - new Date(a.date))），否则编号和实际顺序错位。最容易被忽略的点是：编号视觉倒序 ≠ 数据逻辑倒序 —— 两者必须同步，否则语义断裂。
