Почему пользовательский блок, определенный в style.css, не отображается? ⇐ CSS

[Anonymous]

Я хочу воспроизвести пользовательский блок, описанный в https://bookdown.org/yihui/rmarkdown-co ... ock-shaded для вывода HTML:
Я понимаю, что это можно сделать двумя способами:

• вставить определение непосредственно в файл .Rmd
• добавить определение в файле style.css

Подход 1 работает, подход 2 — нет.
Подход 1: вставьте определение непосредственно в файл .Rmd.
Я добавил эти строки в файл .Rmd:

Код: Выделить всё

    ```{css, echo=FALSE}
.blackbox {
padding: 1em;
background: black;
color: white;
border: 2px solid orange;
border-radius: 10px;
}
.center {
text-align: center;
}
```

:::: {.blackbox data-latex=""}
::: {.center data-latex=""}
**NOTICE!**
:::

Thank you for noticing this **new notice**! Your noticing it has
been noted, and _will be reported to the authorities_!
::::

Я ДОСТИГНУЛ желаемого результата:
введите здесь описание изображения
Подход 2: вставьте определение поля в файл style.css.
Я добавил эти строки вверху файла style.css:

Код: Выделить всё

.blackbox {
padding: 1em;
background: black;
color: white;
border: 2px solid orange;
border-radius: 10px;
}
.center {
text-align: center;
}

то в файле .Rmd я добавил только:

Код: Выделить всё

:::: {.blackbox data-latex=""}
::: {.center data-latex=""}
**NOTICE!**
:::

Thank you for noticing this **new notice**! Your noticing it has
been noted, and _will be reported to the authorities_!
::::

то в файле _output.yml у меня есть:

Код: Выделить всё

bookdown::gitbook:
css: style.css

При таком подходе я НЕ получил желаемого результата:
введите здесь описание изображения
Почему не получается не подходишь к 2 работе?

Подробнее здесь: https://stackoverflow.com/questions/787 ... not-render