他のスタイルの影響を受けないようにするための工夫

全2回

ウェブ開発のスタイリングで、あるスタイルが、別のスタイルに影響を与えて、意図と異なるスタイルになってしまうのを避ける手法を考えます。

後編 CSSのスコープ、Shadow DOM、iframe

CSSのスタイルを、他のスタイルの影響を受けず、特定のコンポーネントのみに当てる手法を紹介しています。後編では、@scope、Shadow DOM、iframeを扱います。

前編 allプロパティ、カスケードレイヤーを使う

ウェブ開発のスタイリングで、あるスタイルが、別のスタイルに影響を与えて、意図と異なるスタイルになってしまうのを避ける手法を考えます。前編では、allプロパティとその値、@layerを使う手法を紹介します。