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

时间:2015-11-12 18:43:17

标签: nested html-lists reveal.js

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

我想要的是什么:

  1. 水果

    一个。橙

    湾香蕉

    ℃。苹果

  2. 蔬菜

    一个。胡萝卜

    湾莴苣

    ℃。卷心菜

  3. 我写道:

    <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>

    我得到了什么:

    1. 水果
      1. 香蕉
      2. 苹果
    2. 蔬菜
      1. 胡萝卜
      2. 莴苣
      3. 甘蓝
    3. 我做错了什么?在reveal.js中有限制让我不能改变类型吗?

1 个答案:

答案 0 :(得分: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>