Карточка Middle Селекторы и специфичность обновлено
Псевдокласс :has()
Вопрос
Что делает :has()?
Попробуйте сами
Ответьте про себя или вслух, потом откройте ответ и сверьтесь.
Показать ответ и разбор
Коротко
Выбирает элемент, если относительно него находится хотя бы один элемент по селектору в скобках: потомок (.card:has(img)), прямой ребёнок (:has( img)) или следующий сосед (h2:has(+ p)). Даёт «родительский селектор» без JavaScript.
Ответ
Выбирает элемент, если относительно него находится хотя бы один элемент по селектору в скобках: потомок (.card:has(img)), прямой ребёнок (:has(> img)) или следующий сосед (h2:has(+ p)). Даёт «родительский селектор» без JavaScript. Специфичность берётся от самого тяжёлого аргумента.
Разбор
Поддерживается всеми основными браузерами с конца 2023 года.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.