Удалить все таблицы CSS из `bookdown :: gitbook`

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 в моем root и помещает имя файла в тег YAML css. Мне не повезло с созданием подкаталога 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

Вероятно, не самое лучшее решение, но вы можете удалить некоторые из стиля, заменив его с некоторыми 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 и добавить больше, если вам нужно.

Answer 2

Вы можете определить класс сброса css. Либо с кучей свойств, о которых вы заботитесь, либо попробуйте new all attribute, если поддержка Internet Explorer не важна для вас.

.reset{ 
    all: initial; 
} 

Или

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

Затем примените к таблице:

<table class="reset">