CSS で意味されているカスケードを説明する例を教えてください。カスケードはいつ役立つのでしょうか。カスケードとカスケードと継承の違いを説明する回答を見てきましたが、CSS カスケードを例で説明する回答はありません。
2 に答える
「作成者」スタイルシート (ユーザーまたはユーザー エージェントではない) のみを検討する場合、おそらく混乱するのは「カスケード」ではなく、CSS の「特異性」ルールです。
ここでは、特異性がどのように機能するか、および特定のルールが要素に適用される理由を理解する方法について、いくつかの適切な説明を示します。
http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
http://css-tricks.com/specifics-on-css-specificity/
編集: カスケード: 要素に適用可能なすべてのルールが収集され、元の順序に従って並べ替えられます (数字が大きいほど優先順位が高くなります)。
- ユーザーエージェント宣言
- ユーザー法線宣言
- 通常の宣言の作成
- 重要な宣言を作成する
- ユーザーの重要な宣言
起源が同じである場合、特異性はタイブレーカーとして使用されます。最後に、詳細度が同じ場合、宣言の順序が最終的なタイブレーカーになります。うまくいけば、これは退屈な例がなくても理解できます...
継承とカスケード:
「継承はカスケードとは別のメカニズムです。継承は DOM (Document Object Model) ツリーに適用されますが、カスケードはスタイル シート ルールを扱います。ただし、カスケードを介して要素に設定された CSS プロパティは、その要素の子要素。」- http://reference.sitepoint.com/css/inheritance