Как сделать «зебру» (чередующиеся строки) в таблице через CSS?

Question

Accepted Answer

## «Зебра» в таблице

Используйте `:nth-child()` и задайте фон чётным (или нечётным) строкам:

```css
tr:nth-child(even) {
  background-color: #f2f2f2;
}
```

## Итог

То же работает для списков и любых повторяющихся рядов: `odd` / `even` или формулы вроде `3n+1`.