Quarto能否将Markdown降序有序列表渲染为revealjs幻灯片？

Quarto 支持在 Reveal.js 幻灯片中渲染降序有序列表，但默认行为和普通 CSS 修复可能会导致序号错误（比如输入 2. 和 1. 却显示为 2. 和 3.），这是因为 Reveal.js 会自动重置或递增列表计数器，忽略 Markdown 输入的起始序号。

可靠解决方法 #

• 方法1：直接使用 HTML 有序列表
  这是最稳妥的方式，利用 HTML 的 start 属性实现反向计数：

  <ol start="2">
    <li>第二项</li>
    <li>第一项</li>
  </ol>
  

  渲染后会正确显示为：

  2. 第二项
  3. 第一项

• 方法2：自定义 CSS 适配 Markdown 语法
  如果你更倾向于使用 Markdown 原生语法，在 Quarto 文档中添加以下 CSS 代码：

  /* 针对带起始序号的有序列表，重置计数器为起始值减1 */
  .reveal ol[start] {
    counter-reset: reverse-counter calc(attr(start) - 1);
  }
  /* 反向递增计数器 */
  .reveal ol[start] > li {
    counter-increment: reverse-counter -1;
  }
  /* 用自定义计数器替换默认序号 */
  .reveal ol[start] > li::before {
    content: counter(reverse-counter) ".";
    color: inherit;
    font-family: inherit;
  }
  

  之后你可以直接写 Markdown 降序列表：

  2. 第二项
  1. 第一项
  

  就能得到正确的序号显示。

注意：部分旧版本的 Reveal.js 可能对 CSS attr() 函数支持有限，如果遇到问题，建议升级 Quarto 到最新版本，或直接使用方法1。

内容的提问来源于stack exchange，提问作者itsMeInMiami