仅在 quarto/revealjs 演示文稿中增加一个列表的填充

Question

我刚刚开始学习如何使用

quarto

/

revealjs

准备演示文稿，我想知道如何定义一个

.css

文件来修改列表元素之间的填充，但仅限于一个列表（而不是完整的

 qmd

文件）。

例如，我知道如果我考虑以下 CSS 文本

.reveal li {
  padding: 25px; 
}

将其保存在

style.css

文件中，并将其包含在以下

qmd

文档中

---
format: 
  revealjs: 
    css: style.css
---

## Bullets

Increase padding for the elements of this list

- A
- B

but not for this list

- C
- D

然后我可以增加整个文档的列表项之间的间距：

但是，我只想修改一个列表。这可能吗？

Answer 1

不要将样式应用到列表中的所有元素，而是只为您希望在

style.css

中应用的列表创建一个 css 类：

.extrapad {
    padding: 25px; 
  }

然后在您的 qmd 文件中使用 Pandoc fenced div 表示法：

---
format: 
  revealjs: 
    css: styles.css
---

## Bullets

Increase padding for the elements of this list

:::{.extrapad}
- A
- B
:::

but not for this list

- C
- D

输出：