Селектор CSS, где выполняются 2 (оба) условия

Я пытаюсь создать селектор CSS, который выберет 1 элемент, если выполняются два разных условия.

У меня есть неизвестное количество <div> с именем класса grid-item, которые отображаются в 4 столбцах. Я хочу выбрать последний элемент, но только если последний элемент является первым в своей строке (4n+5).

Итак, я хочу выбрать элемент, в котором оба этих селектора верны:

.grid-item:last-child
.grid-item:nth-child(4n+5)
.grid-item:nth-child(4n+5):last-child ?
Temani Afif 13.02.2019 12:23

@TemaniAfif - кажется таким очевидным

Carel 13.02.2019 12:40
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
2
2
112
0

Другие вопросы по теме