Как чередовать цвета для одинакового элемента css?

Question

[id_baton4eg]

Подскажите как для одного элемента Css можно чередовать разные цвета бекграунда ?
Хочу чередовать, у одного пункта меню белый фон черный текст, у следующего пункта черный фон и белый текст
.widget.woocommerce li {
background-color: #fff;
color: #000;
}

Answer 1

[id_baton4eg]

Можете не отвечать, решение просто как 2 копейки.
Меня разбанил гугл.
:nth-child(2n)

Comments

[Кирилл Туровников]

ну либо же обновленный псевдоселектор :nth-of-type(2n) которые исключает другие элементы в родителе

[Ivanq]

Решение есть и проще:
:even-child
или что-то типа того