:has()
Выбирает элемент, содержащий подходящего потомка («родительский селектор»).
Сигнатура
article:has(img) { ... }Псевдокласс :has() выбирает элемент, внутри которого есть потомок, подходящий под селектор в скобках. Это долгожданный «родительский селектор», позволяющий стилизовать предка по его содержимому.
/* Карточка, в которой есть картинка */
article:has(img) {
padding-top: 0;
}
/* Лейбл рядом с обязательным полем */
label:has(+ input:required) {
font-weight: 600;
}