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