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

【问题标题】：Nested css counters with leading zeros带有前导零的嵌套 css 计数器
【发布时间】：2012-06-11 18:03:49
【问题描述】：

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

Item 01
  Item 01.01
  Item 01.02
    Item 01.02.01

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

如果嵌套级别已知，我知道解决方法（即我知道列表只会嵌套 3 层深），但有谁知道是否可以将这些组合用于未知嵌套级别的列表？

【问题讨论】：

【解决方案1】：

是的，您可以将它们组合起来——只需将计数器样式作为counters() 的最后一个参数提供：

content: counters(name, ".", decimal-leading-zero)

【讨论】：