Как сделать сквозную нумерацию для нескольких списков в HTML?

Хочу получить что-то типа

какой-то контент

  1. раз
  2. два

какой-то контент

  1. три
  2. четыре

Но при этом использовать просто несколько 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>

→ Ссылка