スタイルの適用範囲を限定する CSS の `@scope` ルール

スコープの下限にスコープのリミット自身を含めるかどうかは議論がありました。スコープのリミット自身を含めたい場合には @scope (.container) to (.inner > *) のように指定することで対応できることから、スコープのリミットを含めない仕様となりました。https://github.com/w3c/csswg-drafts/issues/6577 インラインスタイル @scope ルール HTML 内で <style> 要素を使用してインラインスタイルとして @scope ルールを記述できます。その場合、@scope のルールセットの指定は省略され、<style> 要素の親要素がスコープのルートとなります。なお、スコープのリミットはルートは自動で設定されません。 <main class="main"> <div class="container"> <style> @

[w_bonbon]

iOS17.4からか…。予想はしていたがSafariが足を引っ張り始めてるなぁ。OSと切り離してApp単独アップデート式にすればいいのに

[nekoline]

"スコープの近接性はスコープルートまでの距離が最も近い @scope ルールが適用される" "@scope ルール内のスタイルと通常の CSS のスタイルとの優先度の競合の場合、@scope ルール内のスタイルが優先して適用される"