Rmarkdown ioslides更改表头

时间:2014-08-27 10:04:14

标签: css formatting markdown rstudio

我正在尝试为使用Rosdown版本0.98.1028的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更改,但标题不会更改。我一直在这里来回,但无法弄清楚发生了什么。有谁知道如何做到这一点 ?

提前致谢, 米格尔

1 个答案:

答案 0 :(得分:6)

您需要做三件事:

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

output_format:
  ioslides_presentation:
    css: slidetheme.css

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

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