Выделяем элементы в фокусе и их родителей!Псевдокласс
:focus-within применяется к элементам, которые либо сами находятся в фокусе, либо имеют дочерние элементы в фокусе. Срабатывает, когда фокус получает сам элемент или любой из его потомков. Например, можно изменить оформление всей формы, когда пользователь перешёл в одно из её полей.Примеры использования:
• подсветить контейнер с <input> при вводе;
• изменить рамку всей формы;
• выделить пункт меню при фокусе на вложенной ссылке;
• показать дополнительные элементы управления.
В отличие от
:focus, который реагирует только на фокус самого элемента, :focus-within учитывает фокус и на всех элементах внутри него.
Code Ready | #свойство
