我正在尝试为使用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更改,但标题不会更改。我一直在这里来回,但无法弄清楚发生了什么。有谁知道如何做到这一点 ?
提前致谢, 米格尔
答案 0 :(得分:6)
您需要做三件事:
首先,更改YAML标头,以便将CSS指定为ioslides_presentation
格式的属性,如下所示:
output_format:
ioslides_presentation:
css: slidetheme.css
其次,在CSS中,最具体的规则获胜,而ioslides CSS(您不想删除)具有非常具体的样式表规则。如果您想覆盖它们,则需要使规则更具体,或使用!important
标记它们。最简单的方法是使用网络检查器查看哪条规则获胜,这样您就可以进行相应调整 - 点击"在浏览器中打开"渲染后,然后右键单击 - >检查元素(Chrome)。
最后,由于您的CSS已合并,您需要做的不仅仅是添加自己的风格,您还需要清除您不想要的ioslides设置的任何CSS属性应用。