【问题标题】:Rmarkdown ioslides changing table headersRmarkdown ioslides 更改表头
【发布时间】:2014-10-20 20:46:46
【问题描述】:

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

这是 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 更改,但表头没有更改。我一直在为此来回走动,但无法弄清楚发生了什么。有谁知道如何做到这一点 ?

提前致谢, 米格尔

【问题讨论】:

    标签: css formatting markdown rstudio


    【解决方案1】:

    您需要做三件事:

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

    output_format:
      ioslides_presentation:
        css: slidetheme.css
    

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

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

    【讨论】:

    • 谢谢。对 CSS 完全陌生。这解释了很多!
    猜你喜欢
    • 2016-01-22
    • 2014-11-05
    • 1970-01-01
    • 1970-01-01
    • 2018-02-21
    • 2016-10-15
    • 2018-02-13
    • 2015-12-05
    • 2018-02-15
    相关资源
    最近更新 更多