Html 有没有一种纯粹的CSS方法可以在两个单独的有序列表中继续有序列表编号？

演示：

a

b

c
d
e

olli{
计数器增量：list-0；
列表样式：无；
}
奥利：以前{
内容：计数器（列表-0，十进制）'；
}

当前结果

1 a
• b
1 c
2 d
3 e

有没有办法实现以下结果？

预期结果

1 a
• b
2 c
3 d
4 e

（上下文：尝试使嵌套列表与QuillJS一起工作。）

更新：

由于QuillJS库的限制，我无法将

start=“2”

添加到

ol

或更改HTML结构

如果可能的话，我想我需要一个纯CSS解决方案。

似乎在使用

ol{
列表样式类型：无；
/*删除默认编号*/
}
李：以前{
计数器增量：mycounter；
内容：计数器（mycounter）”；
}
ol:第一种{
计数器复位：mycounter；
}

a

b

c
d
e
如果您可以将这些OL/UL封装到一个公共父元素中，那么您可以重置该父元素上的计数器，并仅为
OL li
增加它：


div{
计数器复位：list-0；
}
欧利{
计数器增量：list-0；
列表样式：无；
}
奥利：以前{
内容：计数器（列表-0，十进制）'；
}

a

b

c
d
e
对于更多新浏览器，您可以设置自定义的计数器开始抛出CSS计数器集。这是集成UL列表和自定义嵌套列表开头的嵌套计数器的示例


。。。
ol{
计数器复位：l；
&>李{
反增量：l；
显示：-ms网格；
显示：流根；
位置：相对位置；
}
&>li:：在{//计数器之前，使用编号列表
内容:柜台(左),；
位置：绝对位置；
z指数：104；
排名：0；
左：-0.625em；
宽度：1.7em；
...
背景色：#e0e5e6；
}
ol>li：：在{//级别3索引的更宽字段之前
z指数：103；
宽度：2.2米；
左边距：-0.7em；
左侧填充：0.4em；
}
}
.o0>ol{计数器集：l-1}
.o1>ol{计数器集：L0}
.o2>ol{计数器集：L1}
.o3>ol{计数器集：L2}
.o4>ol{计数器集：L3}
.o5>ol{计数器集：L4}
.o6>ol{计数器集：L5}
...

-CSS属性：计数器集显示浏览器支持（Safari 14.x现在不支持自定义计数器开头）

Chrome中的屏幕截图
这是否回答了您的问题@谢谢你。很遗憾，没有。由于QuillJS库的限制，我无法将
start=“2”
添加到
ol
。我需要一个纯CSS解决方案。那只是一个WYSIWYG编辑器库？因此，我想您可以让自己的小脚本片段在DOM中的元素上运行，并使用适当的值设置属性？@CBroe yes。。那将是我最后的选择。我正在处理的应用程序在客户端非常繁重。可能有5到10个QuillJS实例正在运行，并且内容大小可能很大。在元素上循环、计算、添加属性可能太重。@CBroe嘿，这也行。谢谢。你介意把它作为一个答案，这样我就可以投你一票了吗？谢谢你。不幸的是，由于QuillJS库的限制，我无法将
start=“2”
添加到
ol
。我需要一个纯CSS解决方案。谢谢你。不幸的是，由于QuillJS库的限制，我无法像您那样更改HTML结构。按预期处理更新的HTML内容：）您是个天才！非常感谢。
<ol>
  <li>a</li>
  <ul>
    <li>b</li>
  </ul>
  <li>c</li>
  <li>d</li>
  <li>e</li>
</ol>