指定Rmarkdown flatly主题后，自定义CSS不生效如何解决？

我正在使用R Markdown的flatly主题生成HTML文件，尝试应用自定义CSS但没有效果，自定义CSS似乎无法覆盖预定义主题样式。

我的R Markdown文档YAML配置如下：

---
title: "Test"
author: "Test"
output: 
  html_document:
    theme: flatly
    toc: true
    toc_float: true
    number_sections: true
    css: style.css
---

自定义style.css文件内容：

/* Whole document: */
body{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
  text-align: justify;
}

/* Quoted text  */
blockquote{
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  background: white;
  border-left: 0.2em solid #76D7C4;
  font-size: 14px;
}

/* Code text  */

code {
  background: #ffcccc.
  word-wrap: break-word;
}

• 修复CSS语法错误：code样式里background: #ffcccc.末尾误用了句号，需改为分号，语法错误会导致CSS无法正常解析：

  code {
    background: #ffcccc;
    word-wrap: break-word;
  }
  

• 提升样式优先级：flatly主题的内置样式优先级可能高于自定义样式，可通过两种方式处理：

  • 给需要覆盖的属性添加!important强制生效（适合快速验证）：

    body{
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
      font-size: 15px !important;
      text-align: justify !important;
    }
    
    blockquote{
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
      background: white !important;
      border-left: 0.2em solid #76D7C4 !important;
      font-size: 14px !important;
    }
    

  • 使用更具体的CSS选择器：打开生成的HTML文件，查看元素实际的类名或层级结构，编写更精准的选择器。比如flatly主题的内容容器通常有.container类，可写成.container body来提升优先级。

• 验证文件路径：确保style.css与R Markdown源文件在同一目录下，若不在，需填写正确的相对路径（如./css/style.css）。

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