Quarto Reveal.js演示中增量列表首项自动显示的实现求助

要解决增量列表首项默认显示、后续项逐步出现且无额外间距的问题，可通过自定义CSS覆盖默认样式，无需拆分列表或单独使用.fragment标记：

实现步骤 #

1. 添加自定义CSS样式
   创建custom.css文件，写入以下样式：

   /* 强制增量列表首项初始可见 */
   .incremental > ul > li:first-child.fragment {
     opacity: 1;
     visibility: visible;
     transform: none;
   }
   

2. 在Quarto文档中引入样式
   在演示文稿的YAML配置中指定CSS文件，正常使用.incremental容器即可：

   ---
   title: "My Presentation"
   format: revealjs 
   css: custom.css
   ---
   
   ## Example slide
   
   ::: {.incremental}
   - 第一项自动显示
   - 第二项点击后出现
   - 第三项点击后出现
   :::
   

替代方案：内嵌CSS #

若不想单独创建CSS文件，可直接在文档开头添加内嵌样式块：

---
title: "My Presentation"
format: revealjs 
---

```{css, echo=FALSE}
.incremental > ul > li:first-child.fragment {
  opacity: 1;
  visibility: visible;
  transform: none;
}

Example slide #

::: {.incremental}

• 第一项自动显示
• 第二项点击后出现
• 第三项点击后出现
  :::

这种方法的优势：
- 保持列表结构完整，无需拆分首项
- 不会产生额外的项目符号间距
- 复用`.incremental`的增量逻辑，仅修改首项初始状态

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