如何将 CSS 样式应用于四开输出

我想将样式应用于四开块输出。

我做的第一件事就是在类中嵌入一些 CSS 属性.output在四开文档中，然后使用以下内容引用它：

```{r class.output="output"}
```

它有效，但我认为它不是很有效，因为我必须在每个文档中编写它。

所以我写了一个类.output具有一些 CSS 属性自定义.scss文件，但现在

```{r class.output="output"}
```

不起作用。

那么我应该在哪里以及如何申报呢？

非常感谢！

使用 CSS 样式文件来定义四开块输出的 CSS 属性就足够了，除非您想构建自定义主题（在这种情况下，您应该使用 SCSS）

因此，将类选择器的 CSS 属性写入styles.css归档并使用cssYAML 密钥引用此styles.css来自四开文档文件。

样式.css

.output {
  color: green;
  background-color: black;
}

四开文档.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 文件，您需要使用themeyaml 键而不是css.

自定义样式.scss

/*-- scss:rules --*/

.output {
  color: green;
  background-color: black;
}

四开文档.qmd

---
title: "Output-style"
format: 
  html:
    theme: output_style.scss
---

```{r}
#| class-output: output

x = "hello quarto"
print(x)
1 + 1
```

并且输出与上面类似。