在制作一些简单的列表时，使用箭头会极有用。

LME 在内置的 CSS 样式表中新增了四个常用箭头，用户可以根据它们的 CSS 标识符来引用。

左箭头： span.al
右箭头： span.ar
上箭头： span.at
下箭头： span.ab

a，表示arrow；l是left；r是right；t是top；b是bottom。

使用的时候，可以利用 冒号开头的注释行。

因为这种注释行可以自定义本身的 class ，也可以定义其中的 span 元素的 class。

例如：

：[]事件1[ar:]事件2

编译为 Html，呈现的效果大致会是：

事件1 > 事件2

你会发现：这个功能是个极鸡肋的功能——完全可以直接使用右箭头字符来解决问题——例如左右尖括号字符（加上修饰）！！！

那么，为什么还要做这个呢？左、右箭头可以使用尖括号字符来代替——但上、下箭头不行啊！！！

如果要做个向下的简单列表，可以这样做：

事件一
：[ab][ab:]
事件二

编译为 Html 的效果是：

：表示这行是个冒号开头的注释行，它应进行一些特殊处理。
[ab]表示这行注释编译为 Html 时应添加一个值为 ab 的 class，也就是转换成类似<p class="ab">xxx</p>。
[ab:]（注意这个冒号应该小写）表示这是 冒号开头的注释行 中的一个 文本片段，这个文本片段的 class 值凑巧也是ab——编译为 Html 会是 <span class="ab"></span>——由于[ab:]中冒号后面没有内容，所以<span class="ab"></span>中实际上也没有内容。

不在片段中加上实际内容是因为 我们这里只需要箭头！！！（加上些文本也可以，但箭头就无法居中对齐了。）

这个示例完整的 Html 片段是这样的：

<p class="ab"><span class="ab"></span></p>

它引用 CSS 样式表中两个相关片段：p.ab 和 span.ab——前者的主要作用是取消这个段落的文本缩进并居中对齐，后者利用 Html 元素的 Border 来在 span 周围找个位置绘制箭头。

箭头在 CSS 中的本质是只绘制四边中的一边——这时候它会是个梯型，当一边的间距极小时，梯形的一边消失，于是就成了三角形了。
LME 中的箭头是使用两个三角形错位、叠加来制作的，这是个前端小技巧。