Как выбрать все чётные или нечётные элементы псевдоселектором?

Question

Accepted Answer

## Через :nth-child

```css
li:nth-child(odd)  { background: #f7f7f7; } /* 1,3,5… */
li:nth-child(even) { background: #fff; }    /* 2,4,6… */

/* эквиваленты */
li:nth-child(2n+1) { /* odd */ }
li:nth-child(2n)   { /* even */ }
```

Учитывайте: `nth-child` считает **все** дети родителя; если между `li` есть другие узлы — индексы съедут. Для только одного типа — `:nth-of-type(odd)`.

```css
tr:nth-of-type(even) { background: #f0f0f0; }
```

## Итог

`odd`/`even` или `2n`/`2n+1`. Для zebra-таблиц часто `nth-of-type`, чтобы не ломаться о лишние элементы.