Как правильно сделать nth-child CSS?

Question

[Андрей Рабой]

Есть верстка(ниже), как покрасить в красный цвет четные div.text в div.container что-то не получается сделать. Мешает вложенность... Спасибо за помощь

<div class="container">
    <div class="row">
        <img src="" alt="">
        <div class="text"></div>
    </div>
    <div class="row">
        <img src="" alt="">
        <div class="text"></div>
    </div>
    <div class="row">
        <img src="" alt="">
        <div class="text"></div>
    </div>
    <div class="row">
        <img src="" alt="">
        <div class="text"></div>
    </div>
</div>

Comments

[Александр]

.row:nth-child(even) .text {...}

Answer 1

[Дмитрий]

.container .row:nth-of-type(even) .text{
    color: #f00;
}

Answer 2

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

.row:nth-child(even) .text {
  color: red;
}

Answer 3

[Антон Очеретный]

Смотря на ваш код понятно, что с семантикой все плохо. Зачем столько дивов?

1) вместо div.container правильнее использовать список (т.к элементы с классом row одинаковые)
2) div.text заменить на p, если там будет текст
3) старайтесь использовать div как обертку, а не пихать его везде, где только можно.

Код приложен - https://jsfiddle.net/ocheretnyi/1fon0ga9/9/