Как выделить первый и четвертый элемент?

Question

[Сергей Бурдужа]

У меня есть элементы


Так вот, нужно выделить фон в шахматном порядке. Для этого нужно прописать в стилях background для первого и четвертого. Только элементов не четыре, а больше, то есть, формула должна работать для каждого первого и четвертого.

Answer 1

[Сергей Бурдужа]

&:nth-child(4n),
&:nth-child(4n + 1) {
background: #f3f3f3;
}

Answer 2

[Александр Аксентьев]

Логичнее наверно не формулу на первый и четвертый, а по очереди?

:nth-child(even) {background: #CCC}
:nth-child(odd) {background: #FFF}

Comments

[Сергей Бурдужа]

я об этом не догадался, наверное потому что много работы. Спасибо.

Answer 3

[Jumandjilos]

.element:first-child//первый элемент
element:nth-child(4n)//каждый четвертый