这里有一个整洁的解决方案。 (老实说我对此感到惊讶。)CSS有一个叫
counters的东西,你可以在每个标题上设置例如自动章节编号。有点修改给你下面;你需要自己整理填充等。
ol {
counter-reset: list;
}
ol > li {
list-style: none;
}
ol > li:before {
content: counter(list, lower-alpha) ") ";
counter-increment: list;
}
custom list style type (v1):
- Number 1
- Number 2
- Number 3
- Number 4
- Number 5
- Number 6
适用于所有现代浏览器和IE9(可能IE8,但可能是buggy)。
更新:我添加了子选择器以防止嵌套列表拾取父样式。 trejder也出现在评论中的一个好点,列表项对齐方式也搞砸了。 article on 456bereastreet有一个很好的解决方案,涉及绝对定位计数器。
ol {
counter-reset: list;
}
ol > li {
list-style: none;
position: relative;
}
ol > li:before {
counter-increment: list;
content: counter(list, lower-alpha) ") ";
position: absolute;
left: -1.4em;
}
custom list style type (v2):
- Number 1
- Number 2
- Number 3
- Number 4
- Number 5
- Number 6