css - 自定义 CSS 在学习者教程中不起作用

Question

我想在我的学习者教程中使用自定义 CSS。这就是我放置css的方式。

我的 rmd 文件的位置：testing/testing.Rmd

css文件位置：testing/css/custom.css

---
title: "Hello, Tutorial!"
output: 
  learnr::tutorial:
    css: css/custom.css
runtime: shiny_prerendered
---

```{r setup, include=FALSE}
library(learnr)
```

This code computes the answer to one plus one, change it so it computes two plus two:

```{r addition, exercise=TRUE}
1 + 1
```

在我的 custom.css 文件中，我有这个

/******
dplyr learnr tutorial
*******/

/*-------- Code chunk header panel ---------*/
.panel-default > .panel-heading {
    color: white;
    background-color: darkslateblue;
    border: 0;
}

当我按下Run Document时，输出看起来像这样

输出

所以我检查了元素，我注意到 custom.css 没有设置为优先级

检查元素

对此有任何想法吗？我当前的学习包版本是 0.10.1。