CSS: псевдокласс :has
стили для родителя,содержащего определенный дочерний элемент
В CSS псевдоклаcc :has
дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.
Например, такой фрагмент CSS:
p:has(a) {
font-size: 40px;
}
будет работать только для p
, имеющих вложенную ссылку a
:
<p>Тут находится <a href="/">ссылка</a></p>
Дополнительная информация на MDN
Спасибо за внимание.