2012-06-07 1 views
11

Можно ли совмещать функции CSS counters() с ведущими нулями, производя список таких, как это:Вложенные счетчиков CSS с ведущими нулями

Item 01 
    Item 01.01 
    Item 01.02 
    Item 01.02.01 

Нулей возможны с использованием content: counter(name, decimal-leading-zero) и объединением вложенных счетчиков возможно с помощью content: counters(name, ".").

Я знаю обходных решениях, если уровень гнездования известен (т. Е. Я знаю, что список будет только когда-либо гнезда 3 уровня глубоких), но кто-нибудь знает, возможно ли комбинировать их для списков неизвестного уровня гнездования?

ответ

20

Да, вы можете комбинировать эти - просто поставить стиль счетчика в качестве последнего аргумента counters():

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

Это здорово, я смотрел на спецификации на некоторое время и просто не мог видеть его, благодаря! Изменить [нашло это сейчас] (http://www.w3.org/TR/CSS21/syndata.html#counter). – Jason

+0

Большое спасибо! Вы спасли мое время ... – hayatbiralem