带有前导零的嵌套css计数器

Jas*_*son 14 css css-content

是否可以将css counters()函数与前导零组合,生成如下列表:

Item 01
  Item 01.01
  Item 01.02
    Item 01.02.01
Run Code Online (Sandbox Code Playgroud)

可以使用前导零,并且可以使用content: counter(name, decimal-leading-zero)组合嵌套计数器content: counters(name, ".").

我知道如果已知嵌套级别的解决方法(即我知道列表只会嵌套3级深度),但有人知道是否可以将这些组合用于未知嵌套级别的列表?

Bol*_*ock 24

是的,您可以将这些结合起来 - 只需提供计数器样式作为最后一个参数counters():

content: counters(name, ".", decimal-leading-zero)
Run Code Online (Sandbox Code Playgroud)