Скажем, у меня есть следующая структура для списка:
<ul>
<li></li><li></li>
<li></li><li></li>
</ul>
и каждый <li>
имеет ширину 50%, поэтому я хочу, чтобы каждые два имели одинаковый фон вот такой цвет:
<ul>
<li style="background:#CCC;"></li><li style="background:#CCC;"></li>
<li style="background:#DDD;"></li><li style="background:#DDD;"></li>
<li style="background:#CCC;"></li><li style="background:#CCC;"></li>
<li style="background:#DDD;"></li><li style="background:#DDD;"></li>
</ul>
Могу ли я сделать это с помощью CSS-селектора 'nth-child()', чтобы минимизировать код ?