counter-increment с ведущим нулём.

[Sunday]

Сделал нумерованный список с использованием counter-increment, чтобы можно было нормально управлять оформлением цифр.
Для просмотра ссылки Войди или Зарегистрируйся
Есть ли возможность в этом случае добавить ведущий ноль к цифрам до десяти?

 

[Vishez2]

Вот так попробуй

ol {
list-style-type:none;
counter-reset: li;
}

li:before {
counter-increment: li;
content: counter(decimal-leading-zero)counter(li)'. ';
color: red;
}

 

[Sunday]

Вот так попробуй

Так ноль добавляется даже к числам больше 9.

010.
011.
012.

 

[Vishez2]

Так ноль добавляется даже к числам больше 9.

010.
011.
012.

Значит нужно выбрать только первые 9 элементов. Делается это с помощью псевдокласса :nth-child(1) - выберет первый элемент. :nth-child(7) выберет седьмой элемент

 

[Sunday]

Получился вот такой изврат Для просмотра ссылки Войди или Зарегистрируйся

 

[mdss]

еще вариантик
Для просмотра ссылки Войди или Зарегистрируйся

 

[Vishez2]

еще вариантик
Для просмотра ссылки Войди или Зарегистрируйся

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

И как оно работает? Должно же быть поидее 1.0. и тд, нет? Мутная какая-то хрень

 

[mdss]

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

И как оно работает? Должно же быть поидее 1.0. и тд, нет? Мутная какая-то хрень

Нет не должно. Лидер у нас ноль. Более подробное описание есть на сайте дев мозиллы
Для просмотра ссылки Войди или Зарегистрируйся