カスケード スタイル シートを理解して適用する上で重要なのは、その名前のカスケード的な側面です。つまり、同じ要素に対する複数のルールをどのように処理するのでしょうか?今週はCSSの特徴と例を詳しく紹介します。
優先度
CSS プロパティは HTML プロパティよりも優先されます。 CSS サポートがなくてもブラウザで HTML 属性を使用できますが、ブラウザに CSS サポートを追加しても効果はありません。 CSS を使用するときは、CSS ルールの起源を深く理解することが重要です。
ソース
CSS ルールの適用を検討する場合、通常は 2 つの側面があります。 1 つ目はリーダーで、好みのブラウザーを通じて Web アプリケーションを表示するユーザーに相当します。 2 番目の側面は、Web アプリケーションを開発した実際の Web 開発者である作成者です。
リーダーの設定はユーザーによって処理されます。つまり、独自のスタイル シートを開発し、ブラウザーの設定を通じて配布できます。たとえば、インターネット ブラウザ IE 6 ユーザーは、[ツール]、[インターネット オプション]、[アクセス] メニューからユーザー スタイル シートを指定して、独自のスタイル シートを使用できます。 Web 開発者は独自の CSS を開発してルールを指定し、Web ページに適用します。同時に、ブラウザには組み込みのルールが組み込まれていることがよくあります。
カスケード
CSS の頭字語におけるカスケードの側面は、異なるソース間のルールをマージおよび上書きするプロセスを指します。複数のスタイルシートを同時に使用すると、それぞれのスタイルシートで定義されたセレクタが制御を競合します。次のリストは、スタイル シート セレクター間の競合が解決される順序を指定します。最初の項目が最も重要です。
重要度: セレクターは重要として指定されていますか?
ルールのソース: ルールはどこで定義されていますか?
プロパティ: ルールのプロパティは何ですか?
シーケンス: 最後に定義されたものは何ですか?