В теге ol перестал работать атрибут start после добавления своей нумераци, что сделать, чтобы он снова заработал?

Question

[master290988]

В теге ol перестал работать атрибут start после добавления своих маркеров. Вот пример страницы Вместо того, чтобы считать с 3 элемента, счет начинается сначала.

Для того чтобы выводились собственные маркеры, добавил такой код:

ol {
	list-style: decimal;
	padding-left: 14px;
	counter-reset: myCounter;
}

ol li {
list-style: none;
}

ol li:before {
counter-increment: myCounter;
content:counter(myCounter);
color: white;
background: #fe754a;
display: inline-block;
text-align: center;
margin: 5px 6px 3px -32px;
line-height: 25px;
width: 25px;
height: 25px;
}

Как сделать так, чтобы атрбут start снова начал работать?

Answer 1

[Сергей delphinpro]

Да что же вы вопросы средним уровнем помечаете, когда достаточно просто посмотреть в документацию?

Используйте стартовое значение в свойстве counter-reset

ol {
  counter-reset: MyCounter 10;
}

Comments

[master290988]

Не помогло, в итоге стало у всех 1

[Сергей delphinpro]

master290988,

[master290988]

Сергей delphinpro, в таком случае отсчет с 11, а мне надо, что бы при разрыве блока ol, атрибут start давал возможность продолжить счет с заданного числа, в данном случае с 3.

[Сергей delphinpro]

master290988,

продолжить счет с заданного числа, в данном случае с 3.

ну так задайте три. или я чего-то не понимаю.

[master290988]

Сергей delphinpro, я хочу чтобы атрибут start давал возможность продолжить список в хронологическом порядке, если он был разорван. То что вы предложили, заставляет начать список с определенного числа, а я говорю о продолжении его, если он был разорван.
Пример

<ol>
<li>один</li>
<li>два</li>
</ol>
тут картинка
<ol start="3">
<li>три</li>
<li>четыре</li>
</ol>
На это странице пример https://bodybuilding-and-fitness.ru/sportpit/vosstanovlenie-myshts-posle-trenirovok.html первый список по тексту.

Заранее спасибо.

[Сергей delphinpro]

master290988, Ваш пример как раз и продолжает нумерацию.
Если вы говорите о том, чтобы не задавать конкретные числа, а автоматизировать счёт, то этого нет.

Как вариант, вы можете сделать свой счетчик в пределах какого-то блока:



Стилизацию оставляю за вами.

[master290988]

Сергей delphinpro, Понял, спасибо.