css字符列表,CSS嵌套有序列表用字母数字字符编号

要达到预期的结果，请使用类型 -'a' 作为订单列表

1. one
2. two
   1. three
   2. four
   3. five

请参阅此链接以了解不同的订购类型 - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol

type

表示编号类型：

“a”表示小写字母，

“A”表示大写字母，

“i”表示小写罗马数字，

“I”表示大写罗马数字，

“1”表示数字(默认)。

实现预期格式的代码示例

ol{

list-style: none;

counter-reset: item;

}

ol > li:before{

counter-increment: item;

content: counter(item, lower-alpha)".";

}

ol li ol{

counter-reset: letter;

}

ol ol li:before{

counter-increment: letter;

content: counter(item, lower-alpha)"."counter(letter, lower-alpha) " ";

}

1. one
2. two
   1. three
   2. four
   3. five

解释：重置所有有序列表的列表样式并将计数器重置为初始默认值

添加内容 - 计数器(项目，下阿尔法)”。列表和子列表的列表类型为lower-alpha

将子列表的计数器重置为从初始默认值开始(在这种情况下 - 'a')

使用内容： counter(item, lower-alpha)"."counter(letter, lower-alpha) " " 使用列表中的现有订单值，然后是子列表计数器