css - 从 `bookdown::gitbook` 中删除所有表格 CSS

Question

我正在尝试 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

Answer 1

可能不是最好的解决方案，但您可以通过在显示表格的 block 上方的 Markdown 中用一些“默认”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 重置并在需要时添加更多内容。