@lilwings

Css nth-child как сделать повтор каждые 5 элементов?

Есть блоки у которых border должен быть разного цвета, как сделать так чтобы первые 5 блоков имели заданные цвета, а к 6 блоку применялся стиль 1 блока, и так далее. Т.е чтобы nth-child применялся к 1, 6, 11, 16 ... N.

.block {
     &:nth-child(/* Какое выражение поставить чтобы стиль применялся к 1, 6, 11, 16 ... N*/) {
     }
}
  • Вопрос задан
  • 1262 просмотра
Решения вопроса 3
develx
@develx Куратор тега CSS
Web developer
.block {
     &:nth-child(5n+1) {
     }
}
Ответ написан
Комментировать
@RuComMarket
Битрикс FullStack разработчик
5n+1
Ответ написан
Комментировать
@Lvan226
block {
     &:nth-child(5n+1) {
     }
}
.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
justmary31
@justmary31
IT-специалист
5n+1
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы