Html 如何在R中的revealjs演示文稿中使用小写标题？

我希望在R中的revealjs演示文稿中有一个小写标题。默认标题是大写，我找不到任何内置选项来更改它，所以我创建了一段HTML代码来实现这一点

我的

a.html

文件：

<style>
.title-custom {
text-align: right;
text-transform: lowercase;
}  
</style>   

<section>
    <h1 class="title-custom"><br> right lowercase title </h1>
</section>

---
output:
  revealjs::revealjs_presentation:
    theme: black
    highlight: pygments
    self_contained: false
    center: true
    reveal_options:
      slideNumber: true
      previewLinks: true
---
```{r, echo = FALSE}
shiny::includeHTML("a.html")
```

---

我通过一张幻灯片获得输出，幻灯片上的文本右对齐（因此

index.Rmd

文件“看到”了

a.html

文件），但仍然是大写。我做错了什么以及如何制作小写标题？

似乎在

css

部分，我必须在自定义样式之前显示

，以覆盖默认设置

<style>
.reveal .title-custom {
    text-align: right;
    text-transform: lowercase;
}  
</style> 


.显示.标题自定义{
文本对齐：右对齐；
文本转换：小写；
}