Стилизация номеров строк (цифр) в списках ol(li)
291
13 февраля 2018, 06:17
ol {
counter-reset: myCounter;
list-style-type: none;
}
li {
list-style: none;
}
li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: #f60;
}<ol start="3">
<li> Посадить дерево </li>
<li> Построить дом </li>
<li> Вырастить сына </li>
<li> Накопать картошки </li>
<li> Вырастить дочь </li>
</olКак изменить цвет у чисел списка? Проблема в том, что если добавить counter, то новый список нумеруется начиная с 1, а это не нужно.
Answer 1
Вот так?
.list {
counter-reset: li+2;
list-style: none;
}
.list li:before {
content: counter(li);
counter-increment: li;
color: red
}<ol class="list">
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
<li>Sit</li>
<li>Amet</li>
<ol>
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46675 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30287 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22838 visits
- Как через css изменить цвет png изображения? 10163 visits
- Blob video url download 9800 visits
- Php curl запрос через прокси с авторизацией 9059 visits
- Работа с captcha vk api 7977 visits
© "hostciti.net" 26.4.2024 | 05:50