HTML und CSS · Senior · Frage 3 von 75
Was macht @scope (.card) to (.card__content) { img { ... } }?
- 1Stylt
imginnerhalb von.card, aber nicht innerhalb von.card__content - 2Erzeugt ein Shadow DOM für
.cardund isoliert seine Styles von der Seite - 3Stylt
imgnur in einem.card__content, das in.cardverschachtelt ist
Antwort zeigen
Richtige Antwort: Stylt img innerhalb von .card, aber nicht innerhalb von .card__content
Erklärung
@scope legt eine Wurzel des Geltungsbereichs und eine optionale „untere Grenze“ fest (Donut Scope): Styles gelten innerhalb von .card, reichen aber nicht in .card__content und seine Nachfahren. Außerdem gewinnt bei gleicher Spezifität die Regel mit der näheren Wurzel (Scoping Proximity). Ein Shadow DOM erzeugt @scope nicht.