nth-of-type и nth-child: когда какой считать
Зебра в таблице и лишние div в grid.
`:nth-child(2n)` считает всех детей родителя; `tr:nth-of-type(odd)` — только строки `<tr>`, игнорируя вставленные `<colgroup>`.
В карточках с обёртками nth-child часто «съезжает» — nth-of-type по `article` надёжнее.
- :nth-of-type() — MDN — По типу тега.
- :nth-child() — MDN — По позиции среди siblings.
Отладка
В DevTools подсветите matching nodes — проверьте, не ломает ли wrapper из React лишний div.