Как назначить nth-last-child дочернему элементу?

Question

[Dmitry Bay]

Есть структура:

<div class="items">
 <div class="item">
  <div class="back"> </div>
 </div>
 
 <div class="item">
  <div class="back"> </div>
 </div>

  <div class="item">
  <div class="back"> </div>
 </div>
</div>

Мне нужно добавить свойство на класс back, чтобы оно поочередно чередовалось свойство css (Псевдокласс :nth-last-child), так вот, как это описать в css не используя js?

я вижу это так:

.item:nth-last-child(odd).back { background:red}

но свойство не срабатывает. как быть?

Answer 1

[Dmitry Bay]

Странно, получилось...

.item:nth-child(odd) .back { background:red}

Comments

[Евгений Петров]

Ничего странного — за пробелами следить нужно.