Псевдокласс :focus-within
Обновлено: 11.01.2023
Псевдокласс :focus-within
Псевдокласс :focus-within определяет стиль элемента, когда он сам или элементы внутри него получают фокус. В отличие от :focus, который применяется непосредственно к самому элементу, :focus-within работает для родителя. Это позволяет выделять цветом или другими методами всю форму или отдельные её части, когда пользователь работает с полями формы.
Синтаксис
<i>Селектор</i>:focus-within { ... }