nth-child (четный) всегда выбирает dd, никогда dt (четные и нечетные строки в dl)

Question

Я пытаюсь создать вид таблицы в списке определений и хочу, чтобы четные линии были окрашены не так, как нечетные, с помощью некоторых селекторов css3.

#specs dt:nth-child(even), #specs dd:nth-child(even) {
    background: blue;
}

Этот код CSS приводит кв ДТ без фона и каждый ДД окрашен в синий цвет.На мой взгляд, механизм рендеринга на самом деле подсчитывает братьев и сестер, кроме выбранных, что приводит к тому, что каждый dt нечетный, а каждый dd четный.

Answer 1

Если я правильно понимаю, вы можете сделать это с помощью селектора nth-of-type:

#specs dt:nth-of-type(even), #specs dd:nth-of-type(even) {
    background: blue;
}

См .: http://jsfiddle.net/5Zjqh/

Answer 2

Именно так оно и есть. Если хотите, можете попробовать «nth-child (4n + 1)»