带右括号的有序列表(HTML)下字母?

有序列表的默认低字母列表类型使用点“。”。有没有办法使用右括号代替a)... b)..etc?



动漫人物
浏览 1038回答 3
3回答

达令说

这是一个整洁的解决方案。(老实说,这让我感到惊讶。)CSS有一个叫做counters的东西,您可以在其中设置每个标题的自动章节编号。进行一些修改可以为您提供以下内容;您需要自己整理填充等。ol {&nbsp; counter-reset: list;}ol > li {&nbsp; list-style: none;}ol > li:before {&nbsp; content: counter(list, lower-alpha) ") ";&nbsp; counter-increment: list;}<span>custom list style type (v1):</span><ol>&nbsp; <li>Number 1</li>&nbsp; <li>Number 2</li>&nbsp; <li>Number 3</li>&nbsp; <li>Number 4</li>&nbsp; <li>Number 5</li>&nbsp; <li>Number 6</li></ol>适用于所有现代浏览器和IE9 +(可能是IE8,但可能有问题)。更新:我添加了子选择器,以防止嵌套列表采用父样式。trejder在注释中也很不错,因为列表项的对齐方式也被弄乱了。456bereastreet上的文章提供了一个很好的解决方案,其中涉及绝对定位计数器。ol {&nbsp; &nbsp; counter-reset: list;}ol > li {&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; position: relative;}ol > li:before {&nbsp; &nbsp; counter-increment: list;&nbsp; &nbsp; content: counter(list, lower-alpha) ") ";&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; left: -1.4em;}<span>custom list style type (v2):</span><ol>&nbsp; <li>Number 1</li>&nbsp; <li>Number 2</li>&nbsp; <li>Number 3</li>&nbsp; <li>Number 4</li>&nbsp; <li>Number 5</li>&nbsp; <li>Number 6</li></ol>
打开App,查看更多内容
随时随地看视频慕课网APP