HTML i CSS · Senior · Pytanie 3 z 75

Co robi `@scope (.card) to (.card__content) { img { ... } }`?

✓Poprawna odpowiedź: Styluje img wewnątrz .card, ale nie wewnątrz .card__content
2Styluje img tylko wewnątrz .card__content zagnieżdżonego w .card
3Tworzy Shadow DOM dla .card i izoluje jego style od strony

Wyjaśnienie

@scope definiuje korzeń zakresu i opcjonalną „dolną granicę” (donut scope): style działają wewnątrz .card, ale nie sięgają do .card__content i jego potomków. Dodatkowo przy równej specyficzności wygrywa reguła z bliższym korzeniem (scoping proximity). @scope nie tworzy Shadow DOM.

Do poczytania

MDN: @scope ↗

Co robi `@scope (.card) to (.card__content) { img { ... } }`?

Wyjaśnienie

Do poczytania

Błąd w pytaniu

Sprawdź się

Co robi @scope (.card) to (.card__content) { img { ... } }?

Wyjaśnienie

Do poczytania

Sprawdź się

Co robi `@scope (.card) to (.card__content) { img { ... } }`?