:has()

Выбирает элемент, содержащий подходящего потомка («родительский селектор»).

Сигнатураarticle:has(img) { ... }

Псевдокласс :has() выбирает элемент, внутри которого есть потомок, подходящий под селектор в скобках. Это долгожданный «родительский селектор», позволяющий стилизовать предка по его содержимому.

/* Карточка, в которой есть картинка */
article:has(img) {
  padding-top: 0;
}

/* Лейбл рядом с обязательным полем */
label:has(+ input:required) {
  font-weight: 600;
}
← Все записи: CSS-селекторы
Поддержать проект