标题选择器不响应Rmarkdown html报告的CSS中的字体大小规则

Question

我的标题“ Utilize Css”的字体大小似乎对保存在同一目录中的font-size样式表中的css参数没有反应。我已经对此css样式表中的所有其他参数进行了试验，它们均按预期更新了报告，但是标题选择器的font-size参数对报告中的标题没有影响。

我正在使用YAML标头

---
title: "Utilize Css"
author: "Me"
date: "2019-07-15"
output:
  html_document:
    css: style.css
---

还有这样的样式表

.title {
  font-size: 14px;
  text-align: center;
}

.author, .date {
  font-size: 14px;
  text-align: center;
}

body {
  font-family: Arial;
  font-size: 12pt;
}

h1 {
  font-size: 14pt;
  font-weight: bold
}

如您所见，除标题的字体大小外，所有字体大小均由css样式表设置。

如何使用css样式表来控制html报告中标题的字体大小？

Answer 1

您应该可以在style.css文件中使用h1.title来控制标题大小。

h1.title {
  font-size: 14px;
  text-align: center;
}

.author, .date {
  font-size: 14px;
  text-align: center;
}

body {
  font-family: Arial;
  font-size: 12pt;
}

h1 {
  font-size: 14pt;
  font-weight: bold
}