Повторяющееся оформление элементов?

Question

[Frank_Sidebottom]

Здравствуйте. Такой вопрос как реализовать повторяющееся оформление элементов. Наверно не совсем понятно, вот картинка:

https://jsfiddle.net/bv51y5c5/
4 элемента оформлено цветом по очереди. Дальше 5 элемент нужно чтобы опять был красного цвета, шестой синего, седьмой чёрного и восьмой зелёного. По кругу в общем так. Если очень много таких элементов, то не получится каждый по порядковому номеру в дереве красить нужным цветом. Даже не знаю можно ли с помощью превдоэлементов решить задачу. Прошу помощи у вас знатоки

Answer 1

[ziss]

<div class="a"></div>
................................
<div class="a"></div>

.a:nth-child(4n+1){ background-color: red;}
.a:nth-child(4n+2){ background-color: blue;}
.a:nth-child(4n+3){ background-color: black;}
.a:nth-child(4n+4){ background-color: green;}

Comments

[Frank_Sidebottom]

Отлично! Большое спасибо!