如何在Quarto中修改crossref-def-title标签的标题文字颜色？

我希望修改「Definition」标签的标题颜色，使用以下代码时：

:::{#def-definition1 style="color:red"}
example
:::

发现会修改整个块的颜色，而非仅标题部分。请问如何实现仅修改该标签标题颜色的操作？

你当前的写法是把颜色样式直接应用在了整个Definition块的容器上，所以整个块的文字都会变红。要只修改标题颜色，需要针对标题元素单独设置样式：

• 单个Definition块修改：

  1. 先保留块的id，移除容器上的style属性：

     :::{#def-definition1}
     example
     :::
     

  2. 添加一段CSS代码，精准定位这个块的标题：

     #def-definition1 .def-title {
       color: red;
     }
     

     把这段CSS放在文档头部（比如Quarto项目的CSS文件中，或者用<style>标签直接嵌入文档开头），就能只让这个Definition块的标题变成红色，内容部分不受影响。

• 所有Definition块统一修改：
  如果想一次性把所有Definition标签的标题都改成红色，不用给每个块加id，直接用下面的CSS即可：

  .def-title {
    color: red;
  }
  

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