dr.Brain

doctor Brain

мир глазами веб-разработчика

CSS: псевдокласс :has

стили для родителя,содержащего определенный дочерний элемент

dr.Brain

время чтения 1 мин.

Photo by Fabio Mangione on Unsplash

В CSS псевдоклаcc :has дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.

Например, такой фрагмент CSS:

p:has(a) {
    font-size: 40px;
}

будет работать только для p, имеющих вложенную ссылку a:

<p>Тут находится <a href="/">ссылка</a></p>

Дополнительная информация на MDN


Спасибо за внимание.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.