我在 reveal.js 站点中有以下代码:
<head>
<style type="text/css">
ol li {
font-size: 5px;
}
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h3>foo</h3>
<ol>
<li value=2>
bar
</li>
<li value=4>
baz
</li>
</ol>
</section>
</div>
</div>
我想更改有序列表中数字的大小,但我添加的 css 样式无法实现。是否有我必须覆盖的 reveal.js 特定类?
最佳答案
只需修改您正在使用的主题的 css 文件即可。
主题文件位于文件夹/css/theme/[yourtheme].css
如果您打开该文件,您将看到不同字体的部分(下面的部分用于标题)。您可能想要查找负责您有兴趣更改的主题的特定元素的 css。
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
margin: 0 0 20px 0;
color: #eee8d5;
font-family: "League Gothic", Impact, sans-serif;
line-height: 0.9em;
letter-spacing: 0.02em;
text-transform: uppercase;
text-shadow: none; }
在这里您可以修改文本的不同属性,包括字体。
希望对您有所帮助! 如果您有任何其他问题,请提出!
关于css - reveal.js li 元素的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36960371/