reversed属性仅倒序编号而非DOM顺序，不影响屏幕阅读器朗读、焦点流和CSS选择器；需配合start使用才可靠，真倒序应通过数据层反转或JS节点重排实现。
reversed 属性不能让 <ol> “内容倒序”，它只改编号方向——这点不厘清，后续所有样式、可访问性、兼容性问题都会跟着出错。
reversed 只倒编号，不倒 DOM 顺序
加了 reversed 的 <ol> 渲染出来是 5. 4. 3. 2. 1.，但第一个 <li> 在 DOM 里仍是原始第一个节点：
- 屏幕阅读器仍按原始顺序朗读，编号只是视觉层叠加
-
tab键焦点流、:focus-within、:nth-child(1)全部基于 DOM 位置，不受影响 - 如果你希望“最新一条排最上面”，
reversed解决不了——它根本不移动节点
reversed 必须配合 start 才可靠
单独写 <ol reversed> 在 Safari ≤16.4、IE 全系中被忽略；即使在支持的浏览器里，编号也依赖隐式 start 推算（如 4 项 → 自动设 start="4"），但这个行为极易失效：
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
- 动态增删
<li>后，编号不会自动重算，得手动调ol.setAttribute('start', ol.children.length) - 混用
value属性（如<li value="8">）会让reversed完全失效，后续项仍按8→9→10递增 -
<ol reversed start="10">显示为 10. 9. 8. ——start是起点，reversed是方向，二者必须成对出现才可控
想真倒序？别只靠 reversed
如果目标是视觉 + DOM + 可访问性三者都倒过来（比如聊天记录最新消息置顶），reversed 不够用。可行路径有：
立即学习“前端免费学习笔记（深入）”；
- CSS
flex-direction: column-reverse：简单快捷，但会同步反转tab流和屏幕阅读器顺序，需补aria-reversed="true" - JS 节点翻转：
while (list.lastElementChild) list.prepend(list.lastElementChild)，安全且语义一致 - 服务端或 JS 数据层反转：先
arr.sort((a, b) => new Date(b.date) - new Date(a.date))，再生成<ol>，编号与语义严格对齐
最容易被忽略的是：编号倒序 ≠ 数据倒序 ≠ 渲染倒序——三个“倒序”各自独立，混用前务必确认你要动的是哪一层。
