css - Rmarkdown ioslides 更改表格标题

Question

我正在尝试为使用 Rstudio 版本 0.98.1028 的 Rmarkdown 的 ioslides_presentation 输出类型创建的表格创建我自己的表格格式。不幸的是我不能改变表格标题的格式。

这是 rmd 文件:

---
title: "I can't change table headers with css"
author: "Blah Blah"
date: "August 27, 2014"
output: ioslides_presentation
css: slidetheme.css
---

## Ugly table

A            B           C
---------   --------    --------  
1           2            4
2           3            5

我的 CSS 文件:

td, th {
  width: 4rem;
  height: 2rem;
  border: 1px solid #ccc;
  text-align: center;
}

td, tr {background:white; background-color:white; color: black;}

th {
  background: black;
  border-color: white;
}
body {
  padding: 1rem;
}

表的划分响应 css 的变化，但表头没有变化。我一直在这个问题上来回走动，但无法弄清楚发生了什么。有谁知道如何做到这一点 ？

提前致谢， 米格尔

Answer 1

您需要做三件事:

首先，更改 YAML header ，以便将 CSS 指定为 ioslides_presentation 格式的属性，如下所示:

output_format:
  ioslides_presentation:
    css: slidetheme.css

其次，在 CSS 中，最具体的规则胜出，而 ioslides CSS(您不想删除)对样式表有非常具体的规则。如果您想覆盖它们，您需要使您的规则更加具体或用 !important 标记它们。最简单的方法是使用 Web 检查器查看哪个规则获胜，这样您就可以进行相应的调整——渲染后单击“在浏览器中打开”，然后右键单击 -> 检查元素(Chrome)。

最后，由于您的 CSS 已组合，您需要做的不仅仅是添加自己的样式，您还需要清除由 ioslides 设置的任何您不想应用的 CSS 属性。