Beispiel zur Notiz „CSS @scope“

Scoping Proximity: das nähere Theme gewinnt

Links ohne @scope: Der innerste Absatz wird weiß, weil .dunkel p später im Stylesheet steht. Rechts mit @scope: Er wird schwarz, weil das helle Theme näher liegt.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.

ohne @scope

Hell

Dunkel

Hell (innen)

mit @scope

Hell

Dunkel

Hell (innen)