html修改有序列表项样式,html – 有序列表的自定义列表样式？

您可以使用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

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