列表

有序列表编号

浏览器自动为有序列表编号，并根据列表深度按以下顺序选择计数样式: decimal 、lower-alpha 、lower-roman 、upper-alpha 、upper-roman 。

AsciiDoc 允许作者重写有序列表的计数样式。下面是该输出的一个示例：

<div class="olist loweralpha">
<ol class="loweralpha" type="a">
<li><p>a</p></li>
<li><p>b</p></li>
<li><p>c</p></li>
</ol>
</div>

为了支持这种自定义，必须将 list-style-type 属性分配给样式表中 <ol> 元素上的以下类。

<ol>类	list-style-type 属性值
arabic	decimal
decimal	decimal-leading-zero
loweralpha	lower-alpha
lowergreek	lower-greek
lowerroman	lower-roman
upperalpha	upper-alpha
upperroman	upper-roman

<ol>类

list-style-type 属性值

arabic

decimal

decimal-leading-zero

loweralpha

lower-alpha

lowergreek

lower-greek

lowerroman

lower-roman

upperalpha

upper-alpha

upperroman

upper-roman

清单列表

检查列表是一个无序列表，其中的项目以复选框标记(已选中或未选中)为前缀。下面是一个生成清单的 AsciiDoc 源示例：

* [ ] todo
* [x] done!

如果启用了基于字体的图标( icons=font )，则复选框将插入到包含列表项文本的段落元素的第一个位置。

<div class="ulist checklist">
<ul class="checklist">
<li>
<p><i class="fa fa-square-o"> todo</p>
</li>
<li>
<p><i class="fa fa-check-square-o"> done!</p>
</li>
</ul>
</div>

推荐的方法是隐藏列表标记( list-style: none )，然后使用背景图像或前置(before)伪元素在图标元素上添加复选框符号。

这是它可能出现的情况：

todo
done!