reversed 属性仅倒序编号且兼容性差，IE 和旧 Safari 完全不支持；需配合 start 使用，避免 value 属性干扰，且无法实现内容或 DOM 顺序倒序。
直接用 reversed 属性能实现编号倒序，但仅改数字、不翻内容、不改 DOM 顺序，且 IE 和旧 Safari 完全不认它——别指望靠它“把最新一条顶到最上面”。
为什么 reversed 常常没反应或编号错乱
浏览器对 reversed 的支持是“有条件生效”，不是开关一按就灵：
-
reversed在 IE 全系（含 IE11）和 Safari ≤9 中被完全忽略，document.createElement('ol').reversed返回undefined - 只加
reversed不写start，Chrome 可能推算出正确起始值（如 4 项 → 显示 4. 3. 2. 1），但 Safari ≤16.4 或动态增删后常回退成 1. 1. 1. 1 - 只要任意一个
<li>带了value属性（比如<li value="7">），reversed对整条列表失效，后续编号照常 +1 -
type="a"或type="i"下，reversed被多数浏览器无视，只对默认decimal类型有效
reversed 和 start 必须配对才可靠
想稳定输出「5. 4. 3. 2. 1」，不能只信浏览器自动推算：
- 服务端渲染时：先算好数组长度，硬编码
<ol reversed start="5"> - 客户端 JS 渲染完列表后，立刻补上：
ol.setAttribute('start', ol.children.length) - 避免混用
value：一旦某个<li>设了value，编号逻辑就脱离reversed控制 -
start="10"配reversed就是 10→9→8…，不是从字母表末尾倒排；要 z→y→x，得用 CSScounter手动控制
真正想让“最新一项在最上面”，reversed 不够用
编号倒序 ≠ 内容倒序 ≠ 视觉倒序 —— 这三层必须分清：
立即学习“前端免费学习笔记（深入）”；
- 仅用
reversed：DOM 顺序、屏幕阅读器朗读、Tab 焦点流仍是原始顺序，只是数字标反了 - 用 CSS
flex-direction: column-reverse：视觉翻转，但 Tab 流和可访问性也同步反转，需额外加aria-reversed="true" - 安全翻转 DOM 顺序：用
while (list.lastElementChild) list.prepend(list.lastElementChild)，比Array.from().reverse()更稳（避免索引错乱） - 大量项（>500）时，建议用
DocumentFragment缓冲操作，或分帧处理，否则卡顿明显
最容易被忽略的是：当编号承载语义（如法律条文、操作步骤、错误日志优先级）时，reversed 只改数字不改数据顺序，反而造成编号与内容脱节。此时必须先反转数据源本身，再套编号方案。
