:has() — стили родителя от состояния потомка
Карточка с выбранным чекбоксом без JS.
Селектор `.card:has(input:checked)` подсвечивает всю карточку тарифа, когда отмечен radio внутри — меньше классов на корне.
`:has()` повышает специфичность: держите правила в слое компонентов, не в глобальном reset.
- :has() — MDN — Relational pseudo-class.
- :has() — web.dev — Практики и примеры.
Доступность
Не заменяйте `:focus-within` там, где важен именно фокус клавиатуры — `:has(:focus-visible)` точнее для кольца фокуса.