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

Question

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

例子：

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

我曾尝试将 list-style-type 设置为 lower-alpha 但它没有正确编号嵌套列表。我已经用这样的数字实现了我想要的：

 ol {

    counter-reset: section;  

    list-style-type: none;

 }

 li {

    counter-increment: section;

 }

 li::before {  

    content: counters(section,".") ". ";

}

现在我想要同样的东西，但使用字母数字字符作为编号样式。解决方案可以在 HTML、CSS 或 JS 中完成。