Question

我制作了foo.rmd和mystyle.css。

.css文件名为mystyle.css的文件具有以下路径；

- mypacakge
  |- vignettes
      |- foo.rmd
      |- mystyle.css
  |- inst
  |- R
  |- DESCRIPTION
  |- ...

以下是mystyle.css的

内容，当我按Ctrl + shift + k时将忽略它们。

<style type="text/css">

h1.title {
  font-size: 35px;
  font-weight: bold;
  font-family: Arial-Black;
}
h1{
  font-size: 35px;
  font-weight: bold;
  font-family: Arial-Black;
}

h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: Arial-Black;
}

h3 {
  font-size: 20px;
  font-weight: bold;
  font-family: Arial-Black;
}

h4 {
  font-size: 15px;
  font-weight: bold;
  font-family: Arial-Black;
}
body {
  font-size: 18px;
  font-weight: bold;
  font-family: Calibri;

  background-color:#EEEEEE  
}
p {
    color: #440000      ;
}

</style>

我的小插曲 foo.rmd的头部如下；

        ---
        title: "title"
        author: "author"
        date: "`r Sys.Date()`"
        output: rmarkdown::html_vignette
        css:  vignettes/mystyle.css
        vignette: >
          %\VignetteIndexEntry{title}
          %\VignetteEngine{knitr::rmarkdown}
          %\VignetteEncoding{UTF-8}
        ---

如果我将css样式的内容放在vignettes目录中，则效果很好，但是当我将其分别放在.css文件中的中时，它会被忽略，这是书包还是我误会了？

以下渐晕，css样式在头部有效。

        ---
        title: "title"
        author: "author"
        date: "`r Sys.Date()`"
        output: rmarkdown::html_vignette
        css:  vignettes/mystyle.css
        vignette: >
          %\VignetteIndexEntry{title}
          %\VignetteEngine{knitr::rmarkdown}
          %\VignetteEncoding{UTF-8}
        ---
<style type="text/css">

h1.title {
  font-size: 35px;
  font-weight: bold;
  font-family: Arial-Black;
}
h1{
  font-size: 35px;
  font-weight: bold;
  font-family: Arial-Black;
}

h2 {
  font-size: 30px;
  font-weight: bold;
  font-family: Arial-Black;
}

h3 {
  font-size: 20px;
  font-weight: bold;
  font-family: Arial-Black;
}

h4 {
  font-size: 15px;
  font-weight: bold;
  font-family: Arial-Black;
}
body {
  font-size: 18px;
  font-weight: bold;
  font-family: Calibri;

  background-color:#EEEEEE  
}
p {
    color: #440000      ;
}

</style>

# From this, the above style is reflected if css command is written in the rmd file directory.

有什么问题吗？

Answer 1

在上面我的评论中，我不确定您为什么将.reveal选择器用于HTML小插图。 HTML小插图中不应有任何reveal.js元素。

将CSS文件中的条目替换为

会发生什么？

p {
    color: blue;
}

虽然不确定为什么要这么做。这将更改每个段落的文本颜色。

为什么我的.rmd会忽略我在R中自己的.css文件，

1 个答案: