Как выбрать все элементы в каждом 2м ряду?

Ссылка скопирована
CSS HTML JavaScript
1 ответ

например есть элементы в гриде без оберток элемента каждого ряда
a b c
d e f
g h i
j k l
как выбрать все элементы из каждого 2го ряда?
Т.е. в данном примере нужно получить элементы d e f j k l

Дополнительно:

Вот вам хороший тренажёр для css

  • А количество элементов фиксированное? Т.е. по 3 в каждом ряду?
  • Danny Arty, да

    • если количество элементов в строке фиксированное, то как-то так:

    :nth-child(6n+4), :nth-child(6n+5), :nth-child(6n+6) { /* свойства */ }

    :nth-child(6n+4), :nth-child(6n+5), :nth-child(6n+6) { /* свойства */ }

    • так выбираются и нечетные строки тоже
    • tyoma_koder, может покажете как это они у вас выбираются в песочнице на codepen.io при таких стилях?
    • Ankhena, https://codepen.io/morskaya_ulitochka/pen/oNmOVvd
    • tyoma_koder, вы как там вообще?
      Вам про 6n написали, а вы пишете 2n и говорите, что не те выбираются!
    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Елена Вебер Ответ

    Для выбора всех элементов в каждом втором ряду, вам необходимо использовать псевдокласс :nth-child() в CSS. Этот псевдокласс позволяет выбирать элементы на странице на основе их порядкового номера в родительском элементе.

    Пример использования псевдокласса :nth-child() для выбора каждого второго ряда:

    tr:nth-child(2n) {
  /* стили для каждого второго ряда */
}

    tr:nth-child(2n) { /* стили для каждого второго ряда */ }

    В данном случае мы указываем, что нужно выбирать каждый второй элемент родителя (в данном случае это таблица

    ). Значение 2n означает, что мы выбираем каждый второй элемент начиная с первого.

    Если вам нужно выбрать каждый второй элемент начиная со второго, то вы можете использовать выражение 2n+2:

    tr:nth-child(2n+2) {
  /* стили для каждого второго ряда, начиная со второго */
}

    tr:nth-child(2n+2) { /* стили для каждого второго ряда, начиная со второго */ }

    Таким образом, вы сможете выбрать все элементы в каждом втором ряду на странице и применить к ним нужные стили или действия.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    VPN Как правильно настроить vless для Android TV? 1 ответ Pyrogram Как правильно зарегистрировать юзер бота в Telegram? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ woocommerce Как отображать при фильтрации товары со значением search параметра visibility: HUSKY — Products Filter for WooCommerce? 1 ответ