Encapsulation on たかおの解説https://takao.blog/ja/tags/encapsulation/Recent content in Encapsulation on たかおの解説Hugo -- gohugo.iojaたかおの解説Sat, 13 Jun 2026 23:11:50 +0900CSSスコープ付きスタイル：@scopeとカプセル化戦略https://takao.blog/ja/web/css-scoped-styles/Sun, 15 Dec 2024 00:00:00 +0900https://takao.blog/ja/web/css-scoped-styles/<img src="https://takao.blog/img/thumnail.webp" alt="Featured image of post CSSスコープ付きスタイル：@scopeとカプセル化戦略" /><p>CSSのスタイルはデフォルトでグローバルにカスケードするため、あるコンポーネントのセレクタが意図せず別のコンポーネントに影響を与えることがあります。開発者は長年にわたり、命名規則、ビルド時ツール、DOM分離などでこの問題に対処してきました。そして今、CSS <code>@scope</code>アットルールが登場し、近接性ベースのカスケード制御という新しい選択肢を提供しています。</p>