他のスタイルの影響を受けないようにするための工夫
- カテゴリー
- HTML/CSS >
- HTML/CSSの実践
全2回
ウェブ開発のスタイリングで、あるスタイルが、別のスタイルに影響を与えて、意図と異なるスタイルになってしまうのを避ける手法を考えます。
後編 CSSのスコープ、Shadow DOM、iframe
CSSのスタイルを、他のスタイルの影響を受けず、特定のコンポーネントのみに当てる手法を紹介しています。後編では、@scope、Shadow DOM、iframeを扱います。
前編 allプロパティ、カスケードレイヤーを使う
ウェブ開発のスタイリングで、あるスタイルが、別のスタイルに影響を与えて、意図と異なるスタイルになってしまうのを避ける手法を考えます。前編では、allプロパティとその値、@layerを使う手法を紹介します。