从 `bookdown::gitbook` 中删除所有表格 CSS答案

【问题标题】：Remove all Table CSS from `bookdown::gitbook`从 `bookdown::gitbook` 中删除所有表格 CSS
【发布时间】：2017-01-07 14:01:16
【问题描述】：

我在玩 bookdown 为 pixiedust 写一些文档，我觉得这对于一个小插曲来说可能有点太长了。我喜欢bookdown::gitbook 的布局，但不幸的是，它带有自己的表格样式，这对我来说是个问题。由于pixiedust 都是关于样式表的，因此要显示pixiedust 使用默认的 gitbook 样式完成（或尚未完成）的工作有点挑战。

我尝试在

的指导下清除 CSS

R bookdown gitbook - how to override table style

和

How to change the code padding effect of gitbook?

我没有运气将 css 代码放在我的根目录中的 css 文件中，并将文件名放在 css YAML 标记中。我没有创建styles 子目录的运气。而且下面的版本也没用。

--- 
title: "Sample Book"
output:
  bookdown::gitbook:
    config:
      toc:
        collapse: section
        scroll_highlight: true
        before: null
        after: null
      theme: null
      css: ".book .book-body .page-wrapper .page-inner section.normal table td, .book .book-body .page-wrapper .page-inner section.normal table th { border-left: none; border-right: none; }"
---

```{r, warning = FALSE, message = FALSE, echo = FALSE}
library(pixiedust)

dust(head(mtcars))
```

我尝试过的所有方法都会生成一个看起来像这样的表格

我想要的是看起来像的东西

目前，我的根目录是空的，除了上面给出的代码的 index.Rmd 文件。

我正在使用 R 3.2.2 和 bookdown 0.3

【问题讨论】：

标签： css r bookdown

【解决方案1】：

可能不是最好的解决方案，但您可以通过在显示表格的块上方的降价中将其替换为一些“默认”CSS来删除一些样式：

```{r results="asis", echo=FALSE}
cat("
<style>
.book .book-body .page-wrapper .page-inner section.normal table
{
  width:auto;
}
.book .book-body .page-wrapper .page-inner section.normal table td,
.book .book-body .page-wrapper .page-inner section.normal table th,
.book .book-body .page-wrapper .page-inner section.normal table tr
{
  padding:0;
  border:0;
  background-color:#fff;
}
</style>
")
```

如果需要，您可以查找 CSS 重置并添加更多内容。

【讨论】：

这可能并不理想，但是在本书的每一章的开头包含这个会给出我想要的外观。（当我不可避免地忘记如何再次执行此操作时，强调留作将来参考）

【解决方案2】：

您可以定义一个 CSS 重置类。如果 Internet Explorer 支持对您不重要，请使用您关心的大量属性或尝试new all attribute。

.reset{
    all: initial;
}

或者

.reset{
    border: initial;
    padding: initial;
    ...
}

然后申请表：

<table class="reset">

【讨论】：

一个聪明的主意。但是，目前我无法为表分配新类。虽然我在考虑好处时可能会考虑这个选项。