css выбрать нечетные span среди divов

Вот вариант:

div:nth-child(2n+1) span {color: red}

<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div> 
<div><span>++</span></div>

Других, более "прямых" нету

Фактически CSS позволяет не только разрешить четные/нечетные альтернативы, но и произвольные интервалы. Ключевые слова 'even' (четный) и 'odd' (нечетный) являются просто удобными условными обозначениями. Например, для длинного списка рекомендуется сделать следующее: li:nth-child(5n+3) {font-weight: bold} Это говорит о том, что каждый 5й список пустой, начиная с 3го. Другим словами, пункты под номерами 3, 8, 13, 18, 23 и т.д. будут пустыми. ЧЕТНЫЕ И НЕЧЕТНЫЕ КОЛОНКИ

То же самое действует для колонок таблицы, но для этого нужен элемент в документе, который соответствует колонке. Для этого HTML обеспечивает COL. Таблица должна начинаться с одного COL для каждой колонки:

<table>
<col><col><col><col><col><col><col><col><col><col>
<tr><th>Month<th>1994<th>1995<th>1996...

(COL может использоваться для других вещей, кроме стилей, но в этом случае все что нам нужно, чтобы присутствовали COL элементы.)

(с) Оригинал Перевод