Выборка элементов nth-child [дубликат]
276
06 июля 2017, 01:59
На данный вопрос уже ответили:
- каждые 3 элемента через три 1 ответ
Подскажите, как задать с помощью nth-child допустим тегу li определённые стили в такой последовательности:
- 1,2
liдолжен иметь одни стили, - 3,4
liдругие стили. И так далее в цикле, теговliможет быть много
Answer 1
ul li{
color:red;
}
ul li:nth-child(4n-1),
ul li:nth-child(4n){
color:blue;
}<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>Answer 2
li {
background: blue;
color: white;
}
li:nth-child(4n+1), li:nth-child(4n+2) {
background: red;
}<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47879 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30564 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23873 visits
- Как через css изменить цвет png изображения? 10388 visits
- Blob video url download 10000 visits
- Php curl запрос через прокси с авторизацией 9261 visits
- Работа с captcha vk api 8140 visits
© "hostciti.net" 16.3.2025 | 20:27