嵌套有序列表类型在reveal.js 中没有改变

Question

我正在编写一个reveal.js 项目，但似乎无法更改有序列表的类型。

我想要的是:

水果

一种。橘子

湾香蕉

C。苹果

蔬菜

一种。萝卜

湾生菜

C。卷心菜

我写:
<section> <ol type="1"> <li> Fruits <ol type="a"> <li>Orange</li> <li>Banana</li> <li>Apple</li> </ol> </li> <li> Vegetables <ol type="a"> <li>Carrot</li> <li>Lettuce</li> <li>Cabbage</li> </ol> </li> </ol> </section>
我得到的:

水果

橙色

香蕉

苹果

蔬菜

胡萝卜

生菜

卷心菜

我究竟做错了什么？在reveal.js 中是否有限制使我无法更改类型？

Answer 1

我最终使用 css 类来更改它。

所以它现在看起来像:

<style>
    ol.alphaList {list-style-type: lower-alpha;}
</style>

<section>
<ol type="1">
    <li>
        Fruits
        <ol class="alphaList">
            <li>Orange</li>
            <li>Banana</li>
            <li>Apple</li>
        </ol>
    </li>
    <li>
        Vegetables
        <ol class="alphaList">
            <li>Carrot</li>
            <li>Lettuce</li>
            <li>Cabbage</li>
        </ol>
    </li>
</ol>