css - 先行ゼロを持つネストされた css カウンター

Question

csscounters()関数を先行ゼロと組み合わせて、次のようなリストを作成することは可能ですか?

Item 01
  Item 01.01
  Item 01.02
    Item 01.02.01

を使用して先行ゼロを使用できcontent: counter(name, decimal-leading-zero)、を使用してネストされたカウンターを組み合わせることができcontent: counters(name, ".")ます。

入れ子のレベルがわかっている場合の回避策は知っていますが (つまり、リストが 3 レベルの深さしか入れ子にならないことを知っています)、未知の入れ子レベルのリストに対してこれらを組み合わせることができるかどうかは誰にもわかりませんか?

score 31 · Accepted Answer

はい、これらを組み合わせることができます — への最後の引数としてカウンタースタイルを指定するだけcounters()です:

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

1 に答える 1