我想将样式应用于Quarto代码块的输出。
我做的第一件事是在Quarto文档中嵌入一些CSS属性，并将其引用为类.output：
```{r class.output="output"}
```
这个方法虽然能实现，但我认为并不是很有效率，因为需要在每个文档里都写一次。
所以我在一个名为custom.scss的文件中编写了一个带有一些CSS属性的.output类。
```{r class.output="output"}
```
不起作用。
那么我在哪里以及如何声明它呢？
非常感谢！
使用CSS样式文件来定义quarto代码块输出的CSS属性应该足够了，除非您想要构建自定义主题（在这种情况下，您应该使用SCSS）。
因此，请在styles.css文件中编写类选择器的CSS属性，并使用css YAML键从quarto文档文件引用此styles.css。
style.css
.output {
color: green;
background-color: black;
}
quarto-doc.qmd
---
title: "Output-style"
format:
html:
css: styles.css
---
```{r}
#| class-output: output
x = "hello quarto"
print(x)
1 + 1
```
You can add options to executable code like this
```{r}
#| class-output: output
2 * 2
```
现在来看 SCSS 的情况，如果要引用一个 scss 文件，需要使用 theme yaml 键而不是 css。
custom_style.scss
/*-- scss:rules --*/
.output {
color: green;
background-color: black;
}
quarto-doc.qmd
---
title: "Output-style"
format:
html:
theme: output_style.scss
---
```{r}
#| class-output: output
x = "hello quarto"
print(x)
1 + 1
```
输出结果与上面类似。