為連續表格中的 kable 標題實現不同的自訂 CSS(字體顏色)
P粉563831052
2023-09-01 19:53:36
<p>我想要一個藍色標題,然後一個紅色標題。我<code>cat</code> 兩個HTML <code><style>...</style></code> 部分,第一個藍色第二個紅色,根據這個答案,但我都得到紅色。 </p>
<p>如何取得藍色標題與紅色標題? </p>
<pre class="brush:php;toolbar:false;">---
output: html_document
---
```{r setup, include=FALSE}
knitr::opts_chunk$set(echo=FALSE)
```
```{r results="asis"}
cat("
<style>
caption {
color: blue;
}
</style>
")
knitr::kable(head(iris),
format="html",
digits=4,
row.names=FALSE,
caption='Caption blue',
escape=TRUE)|>
kableExtra::kable_styling(font_size=14) |>
kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |>
kableExtra::scroll_box(width="100%", height="200px")
```
```{r results="asis"}
cat("
<style>
caption {
color: red;
}
</style>
")
knitr::kable(head(iris),
format="html",
digits=4,
row.names=FALSE,
caption='Caption red',
escape=TRUE) |>
kableExtra::kable_styling(font_size=14) |>
kableExtra::kable_paper(c('hover', 'condensed', 'responsive'), full_width=T) |>
kableExtra::scroll_box(width="100%", height="200px")
```</pre>
您也可以為每個表提供一個特殊的 HTML 類,然後將所有樣式收集在
css
區塊中,而不是在每個區塊中指定 CSS:或者,我們可以在區塊之外插入內嵌 CSS。
因為第二個CSS覆蓋了第一個CSS。
最好這樣做:
然後這樣使用:
有效嗎?
問候, 諾埃爾