有序列表（HTML）右下括号？

有序列表的默认较低alpha列表types使用点“。”。 有没有办法使用右括号，而不是像a）… b）..等等？

Answer 1

这是一个很好的解决scheme。 （老实说，我对此感到惊讶。）CSS有一些叫做计数器的地方，例如你可以在每个标题上设置自动章节编号。 稍微修改一下就可以了。 你需要自己整理填充等。

ol { counter-reset: list; } ol > li { list-style: none; } ol > li:before { content: counter(list, lower-alpha) ") "; counter-increment: list; } 

 <span>custom list style type (v1):</span> <ol> <li>Number 1</li> <li>Number 2</li> <li>Number 3</li> <li>Number 4</li> <li>Number 5</li> <li>Number 6</li> </ol> 

Answer 2

根据DisgruntledGoat的回答，我扩展它以支持子列表和样式，如我所需。 在这里分享，以防止有人帮助。

https://jsfiddle.net/0a8992b9/输出：;

 (i)first roman (a)first alpha (b)second alpha (c)third alpha (d)fourth alpha (ii)second roman (iii)third roman (a)first alpha (b)second alpha 

Answer 3

添加到CSS给了一些有趣的结果。 它很近，但没有雪茄。

  li:before {display:inline-block; width: 1em; position:relative; left:-0.5em; content: ')'} 

Answer 4

这适用于我在IE7，FF3.6，歌剧9.64和Chrome 6.0.4：

 <ol start="a" type="a" style="font-weight: normal;"> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number one;</li> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number two;</li> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number three;</li> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number four;</li> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number five;</li> <li><span style="inline-block;margin-left: -9px !important; margin-left: -15px;">) &nbsp;</span> content for line number six;</li> </ol> 

这是内联的，因为它被编码为一个电子邮件，但重点是跨度作为一个内容块，拉paren到负左边的领土，所以它与列表号码。 这两个利润率是为了弥补IE7和FF的差异

希望这可以帮助。