: nth-child в сочетании с: not

Есть ли возможность выбрать как каждый второй элемент, не имеющий определенного класса, с помощью простого CSS?

Как это:

li:not(.hidden):nth-child(2n) {
    background: gray;
}

Основная причина - выбрать каждый второй элемент одномерного списка, который также содержит скрытые элементы. Если бы я просто сделал li:nth-child(2n), то были бы выбраны даже скрытые элементы.

Можете выложить свой html?

Radonirina Maminiaina 26.03.2018 16:29

Мне кажется, это работает. jsfiddle.net/d24j85f1/1

Paul van den Dool 26.03.2018 16:29

Если вы говорите об игнорировании .hidden в итерации, нет, вы не можете этого сделать.

Malkev 26.03.2018 16:29
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в 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. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
3
32
0

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