ahnkit

Через CSS это сделать невозможно при однородной структуре, только безумным хаком (column-reverse + селектор тильда + обратный порядок элементов). И другие способы, привязанные к последовательности блоков — это так себе.

Ни :nth-child, ни :first-of-type так не работают (читайте хороший пост на тему).

Поэтому простейший JS вам в помощь:



Update: посмотрите комментарии, там решение на строчку кода меньше.

.homebox-row-1 {
  background: red;
}

.homebox-row-1 ~ .homebox-row-1 {
  background: yellow;
}

Получается задаешь всем цвет, а потом для всех которые идут после первого цвет сбрасывается на другой.

editor
color & fonts
general