Верстка · Senior · Запитання 3 з 75

Що робить `@scope (.card) to (.card__content) { img { ... } }`?

✓Правильна відповідь: Стилізує img усередині .card, але не всередині .card__content
2Стилізує img лише всередині .card__content, вкладеного в .card
3Створює Shadow DOM для .card та ізолює його стилі від сторінки

Пояснення

@scope задає корінь області й необов'язкову «нижню межу» (donut scope): стилі діють усередині .card, але не проникають у .card__content і його нащадків. Крім того, за однакової специфічності перемагає правило з ближчим коренем (scoping proximity). Shadow DOM @scope не створює.

Де почитати

MDN: @scope ↗

Що робить `@scope (.card) to (.card__content) { img { ... } }`?

Пояснення

Де почитати

Помилка в запитанні

Перевірте себе

Що робить @scope (.card) to (.card__content) { img { ... } }?

Пояснення

Де почитати

Перевірте себе

Що робить `@scope (.card) to (.card__content) { img { ... } }`?