Имеем такую разметку:
...
...
...
...
...
...
...
...
Необходимо стилизовать классы list по принципу четности/нечетности, но игнорируя класс ignore, т.е. так:
...
...
-- нечетный
...
...
...
-- четный
...
...
-- нечетный
...
-- четный
Простые event/oddдля .list:nth-child не подходят, т.к после .ignore отсчет начинается сначала.
Ответ
Альтернативный вариант, если не брать за основу классы - использовать :nth-of-type, который в принципе аналогичен :nth-child, только применяет правило дополнительно привязываясь к тегу(типу), а не всем дочерним элементам. Собственно чтобы этим воспользоваться, все игнорируемые элементы должны быть заключены в тег, отличный от основного тега для подствечиваемых элементов. Например HTML:
...
...
...
...
...
...
...
...
Стили, где у всех div.list цвет будет чередоваться независимо от их позиции в родителе:
.list { background: red; }
.list:nth-of-type(odd) { background: green; }
Пример на JSBin
Комментариев нет:
Отправить комментарий