Как сделать чередование цветов при помощи css?

Question

[Дима Паутов]

Добрый день. Ломаю голову, как сделать чередование цвета фона у блоков?

Есть список блоков:

<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

Нужно сделать им фон по очереди:
1) Зеленый,
2) синий,
3) розовый,

4) зеленый,
5) синий,
6) розовый,

7) зеленый,
8) синий,
9) розовый

и так до бесконечности.

nth-child мне не помог, хотя возможно я его как то не так использовал. Помогите найти решение!

Выглядеть должно так:

Answer 1

[Сергей Горячев]

div:htn-child(1,4) {
   color: green;
}
div:htn-child(2,5) {
   color: pink;
}
div:htn-child(3,6) {
   color: blue;
}

Если количество блоков неизвестно, пишите формулу.
Для 1,4,7 и так далее :nth-child(4n+4)
Для 2,5,8 и так далее :nth-child(3n+2)
Для 3,6,9 и так далее :nth-child(3n+3)
В помощь nth-calculator.com

Comments

[Дима Паутов]

Ну не, нужно что бы авто было. Но решение уже нашлось. Но спс большое за сервис. Заберу в копилку

[Сергей Горячев]

Дима Турков: Вообще, как бы авто я и написал сервис для этого. Удачи)

Answer 2

[lnked]

https://jsfiddle.net/v6ezdho4/

Comments

[Дима Паутов]

Во. А я чет мудохался так же и не получилось. Еще удивился. Может и ошибку допустил. Спс большое, друже!!!

[lnked]

Дима Турков: Пожалуйста)

Answer 3

[Mikhail Osher]

nth-child

Comments

[Дима Паутов]

Спс, кеп! Я знаю. Но не мог подобрать формулу для расчёта. Почему и задал вопрос.

[Mikhail Osher]

Дима Турков: в любом случае, ответ легко ищется поисковиком, а вы просите решение.