Как сделать сквозную нумерацию для нескольких списков в HTML?
Хочу получить что-то типа
какой-то контент
- раз
- два
какой-то контент
- три
- четыре
Но при этом использовать просто несколько ol с li, превентивно не прописывая номера для каждого li
Ответы (2 шт):
Автор решения: WhiteApfel
→ Ссылка
Есть вариант задать для body или какого-то контейнера счётчик, увеличивать его на каждом li, а в content для ol > li::marker прописать подставление значения счётчика, но, возможно, есть что-то более красивое
<style>
body {
counter-reset: item 0;
}
ol > li::marker {
content: counter(item) '. ';
}
li {
counter-increment: item;
}
</style>
Автор решения: Daniil Loban
→ Ссылка
Есть специальный атрибут start:
<p>какой-то контент</p>
<ol>
<li>раз</li>
<li>два</li>
</ol>
<p>какой-то контент</p>
<ol start="3">
<li>три</li>
<li>четыре</li>
</ol>