Применение правила CSS к каждому вложенному блоку N-ThCSS

Разбираемся в CSS
Anonymous
Применение правила CSS к каждому вложенному блоку N-Th

Сообщение Anonymous »

Мне нужно применить правила CSS к каждому N -ному вложенному блоку HTML документа. < /p>
ниже приведен пример. Допустим, нам нужно иметь красный цвет для уровня 1, уровня 3, уровня 5 и т. Д., И иметь синий цвет для уровня 2, уровня 4, уровня 6 и т. Д. < /p>


Level 1


Level 2


Level 3


Level 4






< /code>
Итак, я хочу что-то подобное в файле CSS (просто код Mnemonic): < /p>
div:nth-nested(2n) p {
color: blue;
}

div:nth-nested(2n+1) p {
color: red;
}
< /code>
Есть ли какая-то функция или подход для этого?:not(div) > div > p,
:not(div) > div > div > div > p {
color: red;
}

:not(div) > div > div > p,
:not(div) > div > div > div > div > p {
color: blue;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... sted-block

Вернуться в «CSS»