Как стилизовать несколько блоков?

Question

[Grizar]

Имею 16 блоков
Как мне задать стиль
первые три блока один стиль, вторые три блок другой стиль и т.д.

можно применить

:nth-child(1n), :nth-child(2n) ,   :nth-child(3n) {
  color: lime;
}

Но может есть другоке решение?

Comments

[Ankhena]

можно применить :nth-child(1n), :nth-child(2n) , :nth-child(3n)

Применить можно, но выйдет не то, что вам нужно

Answer 1

[Ankhena]

li:nth-child(-n+3) {
  background: #eee;
}
li:nth-child(n+4):nth-child(-n+6) {
  background: #f0f;
}
li:nth-child(n+7):nth-child(-n+9) {
  background: #0ff;
}

и т.д.

Comments

[Grizar]

так то оно так, но а можно ли сделать чтобы это повторялось, т.е.
чтобы через три блока опять пошло повторение ццвета

[Ankhena]

Grizar, можно, через 16

[Ankhena]

Grizar,

ну понятно что можно и через 25.

Сомнительно, чтобы было понятно, ибо через 25 нельзя.
css.yoksel.ru/nth-child

[Ankhena]

Grizar, а ещё, 16 на 3 не делится ;)

[Grizar]

<style>
.kon_1 .woosb-product:nth-child(-n+4), .kon_1 .woosb-product:nth-child(-n+20), .kon_1 .woosb-product:nth-child(-n+36), .kon_1 .woosb-product:nth-child(-n+52){
  border-left: 10px solid #888;
}
.kon_1 .woosb-product:nth-child(n+5):nth-child(-n+8), .kon_1 .woosb-product:nth-child(n+21):nth-child(-n+24), .kon_1 .woosb-product:nth-child(n+53):nth-child(-n+56){
  border-left: 10px solid coral;
}
.kon_1 .woosb-product:nth-child(n+9):nth-child(-n+12), .kon_1 .woosb-product:nth-child(n+25):nth-child(-n+28) , .kon_1 .woosb-product:nth-child(n+57):nth-child(-n+60)  {
  border-left: 10px solid #fdf73a;
}
.kon_1 .woosb-product:nth-child(n+13):nth-child(-n+16), .kon_1 .woosb-product:nth-child(n+29):nth-child(-n+32),.kon_1 .woosb-product:nth-child(n+61):nth-child(-n+64) {
  border-left: 10px solid green;
}
</style>

[Grizar]

Ankhena,

омнительно, чтобы было понятно, ибо через 25 нельзя.

та то я шутканул,