Javascript 用字母数字字符编号的CSS嵌套有序列表

我试图制作一个有序列表，其中编号样式也是嵌套列表中的字母数字字符

例如：

a. one
b. two
   b.a. three
   b.b. four
   b.c. five
c. six
   c.a. seven
      c.a.a. eight
   c.b. nine
      c.b.a. ten
d. eleven

我曾尝试将列表样式类型设置为较低的alpha，但嵌套列表的编号不正确。 我用这样的数字实现了我想要的：

 ol {
    counter-reset: section;  
    list-style-type: none;
 }
 li {
    counter-increment: section;
 }
 li::before {  
    content: counters(section,".") ". ";
}

现在我想要同样的东西，但是用字母数字字符作为编号样式。

---

解决方案可以用HTML、CSS或JS来完成。

要获得预期的结果，请对orderlist使用-a类型

一个
两个
三
四
五

若要获得预期结果，请对订单列表使用类型-'a'

一个
两个
三
四
五

可能存在的重复项。基于。可能重复的。基于。请参阅我在问题中发布的示例。@Freddy19，如果我的帖子有助于解决您的问题，请接受它作为答案。请参阅我在问题中发布的示例。@Freddy19，如果我的帖子有助于解决您的问题，请接受它作为答案