html – 有序列表的自定义列表样式？

概述可能是一个明显的初学者问题：我正在寻找一种简单的方法来设置标准 HTML有序列表的样式,而不使用任何标签,如以下层次结构： A. One I. Two 1. Three a. Four aa. Five (I.) Six (1.) 可能是一个明显的初学者问题：我正在寻找一种简单的方法来设置标准 HTML有序列表的样式,而不使用任何标签,如以下层次结构：

A. One    I. Two        1. Three             a. Four                aa. Five                    (I.) Six                        (1.) Seven                             (a.) Eight                                (aa.) Nine

有没有CSS解决方案？根据我的“研究”,只有CSS计数器才能实现五到九级的定制设计？

解决方法 您可以使用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;}

取自：http://www.w3schools.com/css/css_list.asp

您可以通过执行此 *** 作来指定自定义文本,例如：

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. "; }

@R_404_6832@：

<ul >    <li >foo</li>    <li >bar</li>    <li >baz</li></ul>

这将导致：

aa. foobb. barcc. baz

我知道这不是最优雅的解决方案,但这是我所知道的唯一方法.

总结

以上是内存溢出为你收集整理的html – 有序列表的自定义列表样式？全部内容，希望文章能够帮你解决html – 有序列表的自定义列表样式？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。