Html 什么是正确的方法，使（非编号）标题的编号渐进列表？

什么是正确的方法，使（非编号）标题的编号渐进列表

下面的代码很简单（它允许我有一个累进列表，其编号在插入新项目时自动更新，但如果我有一个编号的子列表，我将不得不在每次向以前的子列表中添加项目时更改起始编号），但我恐怕这不正确，我得到了错误：

“strong”标记可能不是“ol”标记的直接子级

A
A1
A2
A3
B
B1
B2
B3

使用嵌套列表、ul和或ol。您可以使用css隐藏点：

ul>li{
列表样式类型：无；
}

A
A1
A2
A3


B
B1
B2
B3

你可以这样做；省去

s，创建自己的伪编号

ol li[类]{
边缘顶部：1.2米；
位置：相对位置；
}
ol li[课堂]：：之前{
内容：attr（类）；
显示：块；
位置：绝对位置；
字号：700；
顶部：-1.2米；
}

A1
A2
A3
B1
B2
B3

嵌套您的列表。您有一个大号标题列表，每个标题中都有一个编号的字幕列表。是的，作为的子标题是错误的，这可能会导致浏览器之间的显示差异。例如，过去有浏览器将文本“B”与“A3”放在同一行。所以不要这样做。这有助于@MrListerI细化OP想要的

123…456

而不是

123…123

@Liam no？Hes标题为A和B以及项目A1、A2。。B1，B2。我以为他就是这么想的wants@Liam好吧，我们试过了，希望他把问题修改得更清楚：）最终结果就是我想要的，谢谢。这个工具比违反html嵌套规则的工具长很多（20行css代码）。。。我适应了这些，再次感谢你。我把CSS缩短了一点；这个怎么样？如果你想包含更多的侧面，这一个也有不需要额外CSS的优点。