Как стилизовать нумерацию, чтобы начиналось не с 1, а с опр. цифры?

Question

[Laid]

Добрый день.
Как можно стилизовать нумерацию?
Стандартный способ через скрытие стандартных и псевдо элемент знаю.
Интересует способ, чтобы список начинался не с 1. А с какого-то определённого номера.
Допустим в админке ввели:
2. первый элемент
3. второй элемент

И на фронтенде после стилизации порядок номера сохранился

Comments

[Hyubert]

https://habrahabr.ru/post/49500/

[Laid]

Hyubert: Спасибо, но это тоже не то(

[Hyubert]

Laid: ну тогда пишите на js свой костиль

Answer 1

[Степан Крапивин]

читайте внимательно документацию по параметрам тега ol

Comments

[Laid]

Стилизованный ol -> нумерация стандартная скрывается. Это не то

[Степан Крапивин]

Laid: так а что вам нужно? Нумерация с нужного числа - ссылку на документацию вам дал.
Что значит "не то"?
Здесь никто ваши мысли читать не умеет.

[Laid]

Степан:
Например, первая найденная статья: html5.by/blog/ol-numbers-css-counter-styling
Красивый и правильный способ в статье.
Так стилизуется список.
Но в таком случае список всегда начинается с 1.
Несмотря на то что список такой:
2. первый элемент
3. второй элемент

То есть начинается с 2
Вот и вопрос. Как сделать так с сохранением стилизации?

[Степан Крапивин]

Laid: держите https://jsfiddle.net/fzmm9hhm/
обратите внимание на последний стиль и свойство counter-increment: myCounter 3;
Здесь "3" это число с которого начинается счёт во втором списке

[Степан Крапивин]

свойство ol[start] тут видимо бесполезно, но для семантики хорошо бы его задавать, и возможно синхронизировать c myCounter простым js

[Laid]

Степан: Спасибо Вам большое!