我正在使用 Quarto 用 reveal.js 创建幻灯片。当标题幻灯片很长时,我希望它采用较小的字体大小,并进行其他更改。当标题太长时,我想创建一个类来修改标题,但我无法应用该类。这是我custom.css
文件中的内容:
.longtitle{
font-size: 0.7em;
}
这是我的 qmd 代码:
---
title: test
format: revealjs
self-contained: true
css: custom.css
---
## Short title
- Item
## Very very long title that goes in two lines
- Item
<h2 class="longtitle">Try to apply the "longtitle" class</h2>
- Not working
这是因为您的
css
样式会被覆盖.reveal h2
。相反,请使用选择器h2.longtitle
(它将覆盖默认样式):自定义.css
索引.qmd