css - 如何使用学习包更改教程中 block 引用的 CSS

Question

我正在使用 learnr 包编写教程，想要更改 blockquote 样式的字体大小。我正在使用 cerulean 主题。我的 yaml header 是:

output: 
    learnr::tutorial:
        progressive: true
        allow_skip: true
        theme: cerulean
        css: my-css.css
runtime: shiny_prerendered

在与我的教程文件“01-Chapter.Rmd”相同的目录中，我添加了一个包含以下内容的文件“css/my-css.css”:

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 14px;
    border-left: 5px solid #eeeeee;
}

我从检查浏览器中的页面中提取了这些行，并将 font-size: 17.5px 更改为 font-size: 14px。但是我看不出有什么区别。

检查浏览器它告诉我我正在使用“bootstrap-3.3.5/css/cerulean.min.css”中的 css 文件“cerulean.min.css”，但该文件的标题来自“bootswatch v3 .3.6”并使用“Bootstrap v3.3.6 (http://getbootstrap.com)”我在硬盘上找不到这个文件。

我在 Intel Mac OS X 10_13_5、rmarkdwon 1.10、shiny 1.1.0 和 learnr 0.9.2 上使用 R 版本 3.5.0 和 RStudio 版本 1.1.453。

Answer 1

只需使用您的 CSS 的相对路径:

css: css/mystyle.css