Rmarkdown ioslides изменение заголовков таблиц

Question

Я пытаюсь создать свой собственный формат таблицы для таблиц, созданных с использованием типа вывода iOSlides_presentation Rmarkdown с Rstudio версии 0.98.1028. К сожалению, я не могу изменить формат заголовков таблиц.

Это файл 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, но заголовок не меняется. Я был взад и вперед с этим, но не могу понять, что происходит. Кто-нибудь знает как это сделать ?

Спасибо заранее, Miguel

Answer 1

Есть три вещи, которые вам нужно сделать:

Во-первых, изменить заголовок YAML так, что CSS определяется как свойство формата ioslides_presentation, как это:

output_format: 
    ioslides_presentation: 
    css: slidetheme.css 

во-вторых, в CSS побеждает наиболее конкретное правило, и CSS ioslides (который вы не хотите, чтобы удалить) имеет довольно специфические правила для таблиц стайлинга. Если вы хотите переопределить их, вам нужно будет сделать ваши правила еще более конкретными или пометить их !important. Проще всего использовать веб-инспектор, чтобы узнать, какое правило выигрывает, поэтому вы можете соответствующим образом настроить - нажмите «Открыть в браузере» после рендеринга, затем щелкните правой кнопкой мыши -> «Проверить элемент» (Chrome).

Наконец, поскольку ваш CSS объединен, вам нужно будет сделать больше, чем просто добавить свой собственный стиль, вам также необходимо очистить все свойства CSS, установленные ioslides, которые вы не хотите применять.