Селектор :has (или :has() в функциональной форме) - это относительно новый селектор в CSS, который позволяет выбирать элементы, содержащие другие элементы, удовлетворяющие заданным условиям.
Синтаксис селектора :has выглядит следующим образом:
где parent - это родительский элемент, а child - дочерний элемент, который нужно выбрать.
Например, с помощью селектора :has можно выбрать все div-элементы, которые содержат ссылку (<a>):
Также можно использовать более сложные условия, например, выбрать все div-элементы, которые содержат изображение (<img>), имеющее атрибут alt со значением "логотип":
Вы даже можете задавать стили в определенных состояниях, например пропишем какие-либо стили для div-элементов в моменте, когда ссылка (внутри div) получила состояние focus