Рабочий набор
- состояние:
:hover, :focus, :focus-visible, :active, :disabled, :checked;
- структурные:
:first-child, :last-child, :nth-child(), :only-child;
- логические:
:is(), :where(), :not(), :has();
- ссылки:
:link, :visited (ограничения стилей);
- формы:
:invalid, :required, :placeholder-shown;
- корень:
:root.
.card:has(img) { padding-top: 0; }
button:focus-visible { outline: 2px solid #06c; }
Senior-акцент
:has() для parent-селекторов, :focus-visible для a11y, :where() для нулевой специфичности в reset.
