Webフロントエンドシロ入門ノート5

1810 ワード

css三大特性
継承性とは、親要素にいくつかの属性を設定することであり、子要素も使用できます.これを継承性と呼ぶのは、すべての属性が継承できるわけではありません.color/font-/text-/line-で始まる属性だけが継承できます.CSSの継承では息子だけでなく、子孫であれば継承できる.一般的にはウェブページ上の共通情報を設定する際に使用されます.継承性の特殊性は、aラベルの文字色と下線、hラベルの文字サイズを含めて継承できません.例:


  • css


積層性積層性はCSSが衝突を処理する能力の一つである.例

 

css


優先度とは、複数のセレクタが同じラベルを選択し、同じラベルに同じプロパティを設定した場合、間接的に選択した場合、ターゲットラベルに近い人がそのコードを実行する優先度によって決定されます.例:


  • css


すべてが直接選択されており、同じタイプのセレクタではない場合、id>クラス>ラベル>ワイルドカード>継承>ブラウザのデフォルトの優先度ウェイトは、複数のセレクタが混在して使用されている場合に、計算権によって誰の優先度が最も高いかを判断できます.重みの計算ルールは、まずセレクタにどれだけのidがあるかを計算し、idが多いセレクタの優先度が最も高いidの個数が同じであれば、クラス名の個数を見て、クラス名の個数が多い優先度が最も高いクラス名の個数が同じであれば、ラベル名の個数を見て、ラベル名の個数が多い優先度が最も高いidの個数が同じであれば、クラス名の個数も同じで、ラベル名の個数も同じで、下に計算し続けることはありません.このとき、誰が後ろに書いて誰のを聞いていますか.セレクタが直接ラベルを選択している場合にのみ重みを計算する必要があります.そうしないと、必ず直接選択したセレクタを聞きます!!!importantは、直接選択したラベルのセレクタ内の属性の優先度を上げるために使用され、指定した属性の優先度を最も高くすることができます.例:

  • !important