reveal.js li 元素的字体大小

Question

我在 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 特定的类我必须覆盖？

Answer 1

只需修改您正在使用的主题的 css 文件即可。

主题文件位于文件夹 /css/theme/[yourtheme].css

如果您打开该文件，您将看到不同字体的部分（下面的部分是 header）。您可能想要查找负责您有兴趣更改的主题的特定元素的 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; }

在这里您可以修改文本的不同属性，包括字体。

希望对您有所帮助！如果您还有其他问题，请提问！

reveal.js li 元素的字体大小

reveal.js font-size for li elements

css

reveal.js