嵌套有序列表类型在 reveal.js 中未更改
Nested ordered list type not changing in reveal.js
我正在编写一个 reveal.js 项目,我似乎无法更改有序列表的类型。
我想要的:
水果
一个。橙色
b。香蕉
c。苹果
蔬菜
一个。胡萝卜
b。生菜
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 中是否存在阻止我更改类型的限制?
我最终使用 css class 来更改它。
现在看起来像:
<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>
我正在编写一个 reveal.js 项目,我似乎无法更改有序列表的类型。
我想要的:
水果
一个。橙色
b。香蕉
c。苹果
蔬菜
一个。胡萝卜
b。生菜
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 中是否存在阻止我更改类型的限制?
我最终使用 css class 来更改它。
现在看起来像:
<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>