.list > *:first-child { border-radius: 8px 0 0 8px } скругляет край группы чипов — работает только если первый ребёнок именно карточка, а не текстовый узел (редко в React).
:first-of-type смотрит на тип элемента — надёжнее при смешанных siblings.
- [:first-child — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child) — Первый ребёнок.
- [:last-child — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/:last-child) — Последний ребёнок.
---
## Flex и Grid
Визуальный порядок через order не меняет :first-child — скругления привязаны к DOM.