Выбор двойников с помощью nth-child()в CSS3

Скажем, у меня есть следующая структура для списка:

<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()', чтобы минимизировать код ?

5
задан BoltClock 28 March 2012 в 17:47
поделиться