如何在ioslide演示文稿中使用自定义CSS定位特定的幻灯片?

时间:2019-01-08 17:59:05

标签: css r r-markdown ioslides

阅读this介绍性文字时,我认为直接将绿色或特定幻灯片上的主体或项目符号涂上颜色很简单。我创建了自己的css文件,其中包含以下几行:

body p {
 font-size: 24px;
 font-family: Frutiger Light;
 color: orange;
}

li {
 font-family: Frutiger Light;
 font-size: 20px;
 color: green;
}

.change {
 color: green;
}

,并通过在rmarkdown文件的标头中添加{.change}来引用CSS类更改。但是,这被完全忽略了。我迷路了,非常感谢如何解决此问题的提示。

Here是一个简单的可复制示例。请确保css与rmd位于同一文件夹中。

1 个答案:

答案 0 :(得分:2)

这实际上取决于您要设置的样式。幻灯片通过<article>管理每个幻灯片的“内容” **,该id被赋予了## Introduction * Bullet 1 * Bullet 2 和幻灯片的名称。例如,如果您在R Markdown文件中输入:

knit

<hgroup> <h2>Introduction</h2> </hgroup> <article id="introduction"> <ul> <li>Bullet 1</li> <li>Bullet 2</li> </ul> </article> 之后)将呈现为类似于以下内容的html

<li>

这意味着您可以像这样-非常愚蠢的示例,使用.css将幻灯片上的#introduction ul li { font-size: 50px; } 项目符号作为目标,但是您会立即发现它是否正确(此here上的文档正确) :

<slide>

**我在那儿模糊地讲了内容,因为整个<style type="text/css"> #introduction ul li { font-size: 50px; } </style> ## Introduction * Bullet 1 * Bullet 2 的管理都是通过诸如“当前”之类的类来完成的,该类是可变的,因此更难于定位特定的幻灯片

编辑:如果确实需要,也可以使用上面的示例在.Rmd中直接将css包括在.Rmd中。

SELECT id, [timestamp] 
FROM LOG 
ORDER BY [TIMESTAMP] DESC