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

nekoline のブックマーク 2024/07/08 13:42

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4755971912338327776/comment/nekoline" data-user-id="nekoline" data-entry-url="https://b.hatena.ne.jp/entry/s/azukiazusa.dev/blog/scope-rule-in-css/" data-original-href="https://azukiazusa.dev/blog/scope-rule-in-css/" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fscope-rule-in-css%2F" data-user-icon="/users/nekoline/profile.png">スタイルの適用範囲を限定する CSS の `@scope` ルール</a><br><p style="clear: left">&quot;スコープの近接性はスコープルートまでの距離が最も近い <a href="https://twitter.com/scope" target="_blank" rel="noopener nofollow">@scope</a> ルールが適用される&quot;  &quot;<a href="https://twitter.com/scope" target="_blank" rel="noopener nofollow">@scope</a> ルール内のスタイルと通常の CSS のスタイルとの優先度の競合の場合、<a href="https://twitter.com/scope" target="_blank" rel="noopener nofollow">@scope</a> ルール内のスタイルが優先して適用される&quot;</p><a class="datetime" href="https://b.hatena.ne.jp/nekoline/20240708#bookmark-4755971912338327776"><span class="datetime-body">2024/07/08 13:42</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

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

azukiazusa.dev2024/07/07

スタイルの適用範囲を限定する CSS の `@scope` ルール 2024.07.07 `@scope` アットルールは特定のセレクタの範囲に限定したスタイルを適用するためのルールです。`@scope` のルールセットに 1 つの CSS セレクタ...

29 人がブックマーク・2 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

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

はてなブックマーク

公式Twitter

はてなのサービス