Прокачиваем навыки CSS с помощью селектора :has():has() предоставляет возможность "заглядывать вперед" с помощью CSS и стилизовать родительский элемент (предка). Этот селектор может быть легко расширен для стилизации одного или нескольких дочерних элементов (потомков). Регистрация состояний или позиций элемента позволяет стилизовать почти любую комбинацию элементов как уникальных или входящих в определенный диапазон.
❗ Обратите внимание: на сегодняшний день :has()поддерживается не всеми браузерами, поэтому использовать его в производственных приложениях пока рано.
Читать...