Блог

Здравствуйте, у меня есть страница, состоящая из трех упорядоченных списков, между ними есть содержимое, поэтому необходимо разделить их на три разных списка. Я хотел бы контролировать число, с которого начинается второй и третий упорядоченный список. Я использую psuedo :before для своего упорядоченного списка, чтобы я мог настраивать номера.

Вот мой CSS:

 .postid-1028 ol {
    counter-reset: item;
    list-style: none;
}

.postid-1028 ol li {
    padding-left: 55px;
}

.postid-1028 ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    left: 20px;
}
  

Возможно ли с помощью какого-либо css или jquery запустить второй список с номером по моему выбору, например, 7 вместо 1?

Спасибо!

Вы можете определить приращение числа в вашем ol элементе.

counter-reset Функция имеет необязательное целое значение (по умолчанию 0), которое вы можете использовать, чтобы начать отсчет с этого числа:

counter-reset: [ <identifier> <integer>? ]

ФРАГМЕНТ КОДА:

 ol {
  list-style: none;
  counter-reset: my-counter 6;
}
li {
  counter-increment: my-counter;
}
li::before {
  content: counter(my-counter);
}  

 <ol>
  <li></li>
  <li></li>
  <li></li>
</ol>