您可以使用list-style-type通过CSS实现此目的.将自定义类应用于层次结构的每个级别.
ul.a {list-style-type: circle;}
ul.b {list-style-type: square;}
ol.c {list-style-type: upper-roman;}
ol.d {list-style-type: lower-alpha;}
您可以通过执行此操作来指定自定义文本,例如:
CSS:
ul.custom
{
list-style-type: none;
padding: 0;
}
ul.custom li.aa:before { content: "aa. "; }
ul.custom li.bb:before { content: "bb. "; }
ul.custom li.cc:before { content: "cc. "; }
HTML:
- foo
- bar
- baz
这将导致:
aa. foo
bb. bar
cc. baz
我知道这不是最优雅的解决方案,但这是我所知道的唯一方法.