연속 테이블의 kable 헤더에 대해 다양한 사용자 정의 CSS(글꼴 색상) 구현

Question

파란색 제목과 빨간색 제목을 원합니다. 이 답변에 따르면 두 개의 HTML 섹션(첫 번째는 파란색이고 두 번째는 빨간색)입니다. 둘 다.

파란색 제목과 빨간색 제목을 얻는 방법은 무엇인가요?

---
출력: html_document
---
``{r 설정, 포함=FALSE}
knitr::opts_chunk$set(에코=FALSE)
````

``{r 결과="asis"}

고양이("
<스타일>
캡션 {
      파란색;
    }
</스타일>
")

knitr::kable(머리(붓꽃),
             형식="html",
             숫자=4,
             행.이름=FALSE,
             caption='파란색 캡션',
             탈출=TRUE)|>
  kableExtra::kable_styling(font_size=14) |>
  kableExtra::kable_paper(c('hover', 'densed', '반응형'), full_width=T) |>
  kableExtra::scroll_box(너비="100%", 높이="200px")
````


``{r 결과="asis"}

고양이("
<스타일>
캡션 {
      색상: 빨간색;
    }
</스타일>
")


knitr::kable(머리(붓꽃),
             형식="html",
             숫자=4,
             행.이름=FALSE,
             caption='빨간색 캡션',
             탈출=TRUE) |>
  kableExtra::kable_styling(font_size=14) |>
  kableExtra::kable_paper(c('hover', 'densed', '반응형'), full_width=T) |>
  kableExtra::scroll_box(너비="100%", 높이="200px")
````

Answer 1

각 블록에 CSS를 지정하는 대신 각 테이블에 특수 HTML 클래스를 제공하고 css 블록에 모든 스타일을 수집할 수도 있습니다.

으아악

또는 블록 외부에 인라인 CSS를 삽입할 수도 있습니다.

으아악

Answer 2

두 번째 CSS가 첫 번째 CSS를 덮어쓰기 때문입니다.

이렇게 하는 것이 좋습니다:

으아악

그런 다음 다음과 같이 사용하세요:

으아악

효과가 있나요?

안녕하세요, 노엘