0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 645 Просмотров
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Выбрать 3 элемента через 3
« : 21.05.2020, 10:10:38 »
Добрый день.
Подскажите как через nth-child выбрать 3 элемента через 3 начиная с третьего?
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Выбрать 3 элемента через 3
« Ответ #1 : 21.05.2020, 10:21:17 »
Код
.card:nth-child(n + 3).card:nth-child(-n + 5)

.card:nth-child(n + 8).card:nth-child(-n + 10)

Только если так лепить?
*

sivers

  • Живу я здесь
  • 2450
  • 333 / 0
Re: Выбрать 3 элемента через 3
« Ответ #2 : 21.05.2020, 10:38:43 »
Зачем именно через :nth-child ?
Код
.card:first-child + .card + .card + .card,
.card:first-child + .card + .card + .card + .card,
.card:first-child + .card + .card + .card + .card + .card {
...
}
Чем проще, тем лучше (надежней).
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Выбрать 3 элемента через 3
« Ответ #3 : 21.05.2020, 10:55:53 »
Спасибо, но не могу
Зачем именно через :nth-child ?
Код
.card:first-child + .card + .card + .card,
.card:first-child + .card + .card + .card + .card,
.card:first-child + .card + .card + .card + .card + .card {
...
}
Чем проще, тем лучше (надежней).
Спасибо, но не могу понять как указывать элементы?
*

sivers

  • Живу я здесь
  • 2450
  • 333 / 0
Re: Выбрать 3 элемента через 3
« Ответ #4 : 21.05.2020, 11:21:29 »
Спасибо, но не могу понять как указывать элементы?
вот как написано - так и указывайте. предполагается, что у вас в коде есть список элементов, имеющих класс card и идущих друг за другом. В этом случае приведенный код применит стили к элементам 4, 5, 6 (если считать с 1). Т.е. "три через три". Первые три пропускаем, после них 3 выбираем.
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Выбрать 3 элемента через 3
« Ответ #5 : 21.05.2020, 11:26:34 »
Спасибо
*

Forgiving

  • Захожу иногда
  • 69
  • 6 / 0
Re: Выбрать 3 элемента через 3
« Ответ #6 : 21.05.2020, 11:33:56 »
Срабатывает только первая строка до запятой
*

sivers

  • Живу я здесь
  • 2450
  • 333 / 0
Re: Выбрать 3 элемента через 3
« Ответ #7 : 21.05.2020, 12:00:43 »
Проверил на местных смайлах (что над окном отправки), заменил только ваш .card на img:
Код
img:first-child + img + img + img, 
img:first-child + img + img + img + img,
img:first-child + img + img + img + img + img {
    opacity: 0.25;
}
Вот, что получилось:
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как сделать отступ от абсолютного элемента?

Автор wishlight

Ответов: 6
Просмотров: 1769
Последний ответ 20.04.2019, 00:06:28
от dmitry_stas
Вывод элемента :after в одной строке с последним словом

Автор lalalag

Ответов: 3
Просмотров: 1142
Последний ответ 15.06.2017, 16:38:35
от Shustry
[Решено] css: резиновый размер видео-плеера через iframe

Автор slepoy

Ответов: 2
Просмотров: 3452
Последний ответ 07.08.2015, 23:55:04
от slepoy
Как задать модулю позицию через CSS?

Автор smit1987

Ответов: 8
Просмотров: 1388
Последний ответ 02.04.2014, 15:13:41
от master-smeta
Как найти путь к файлу через FireBug?

Автор artyxa

Ответов: 34
Просмотров: 13461
Последний ответ 05.02.2014, 13:10:24
от Germanius