nth-of-type и nth-child: когда какой считать

:nth-child(2n) считает всех детей родителя; tr:nth-of-type(odd) — только строки <tr>, игнорируя вставленные <colgroup>.

В карточках с обёртками nth-child часто «съезжает» — nth-of-type по article надёжнее.

- [:nth-of-type() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-of-type) — По типу тега.

- [:nth-child() — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child) — По позиции среди siblings.

---

## Отладка

В DevTools подсветите matching nodes — проверьте, не ломает ли wrapper из React лишний div.