0

CSS で意味されているカスケードを説明する例を教えてください。カスケードはいつ役立つのでしょうか。カスケードとカスケードと継承の違いを説明する回答を見てきましたが、CSS カスケードを例で説明する回答はありません。

4

2 に答える 2

3

「作成者」スタイルシート (ユーザーまたはユーザー エージェントではない) のみを検討する場合、おそらく混乱するのは「カスケード」ではなく、CSS の「特異性」ルールです。

ここでは、特異性がどのように機能するか、および特定のルールが要素に適用される理由を理解する方法について、いくつかの適切な説明を示します。

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

http://css-tricks.com/specifics-on-css-specificity/

編集: カスケード: 要素に適用可能なすべてのルールが収集され、元の順序に従って並べ替えられます (数字が大きいほど優先順位が高くなります)。

  1. ユーザーエージェント宣言
  2. ユーザー法線宣言
  3. 通常の宣言の作成
  4. 重要な宣言を作成する
  5. ユーザーの重要な宣言

起源が同じである場合、特異性はタイブレーカーとして使用されます。最後に、詳細度が同じ場合、宣言の順序が最終的なタイブレーカーになります。うまくいけば、これは退屈な例がなくても理解できます...

于 2012-06-27T15:59:29.217 に答える
1

継承とカスケード:

「継承はカスケードとは別のメカニズムです。継承は DOM (Document Object Model) ツリーに適用されますが、カスケードはスタイル シート ルールを扱います。ただし、カスケードを介して要素に設定された CSS プロパティは、その要素の子要素。」- http://reference.sitepoint.com/css/inheritance

于 2012-08-26T15:15:05.693 に答える