CSSスタイル優先度(重み値)

3306 ワード
css

CSS重み付け優先度

  • ラベルの重み値は1です.
  • クラスセレクタの重み値は10である.
  • IDセレクタの重み値は100である.
  • にはもう1つの重み値が特殊です.継承にも重み値がありますが、低い文献もあります.0.1しかないと提案されている文献もあるので、継承の重み値が最も低いと理解できます.
    • p{color:red;} 
/*    ，   1*/

p span{color:green;} 
/*    ，   1+1=2*/

.warning{color:white;}
/*      ，   10*/

p span.warning{color:purple;} 
/*           ，   1+1+10=12*/

#footer .note p{color:yellow;} 
/*  ID   、           ，   100+10+1=111*/
  • インラインスタイルシート(ラベル内)>埋め込みスタイルシート(現在のファイル内)>外部スタイルシート(外部ファイル内);
  • htmlファイルで同じ要素に対して複数のcssスタイルが存在し、これらの複数のcssスタイルに同じ重み値がある場合、これらのCSSスタイルの前後順によって決定され、最も後ろにあるCSSスタイルが適用されます.
    • p{color:red;}
p{color:green;}


<p class="first">    ，     <span>    span>    。p>
  • 特定の場合、特定のスタイルに最高の重み値を設定する必要がある場合は、使用できます.important.
  • !importantはセミコロンの前に書きます.
  • 注意スタイルの優先度は、ブラウザのデフォルトのスタイル 
    • p{color:red!important;}
p{color:green;}


<p class="first">    ，     <span>    span>    。p>
    ASP.NETのコントロールVisible属性
    asp.Netcore webapi統一処理戻り値、異常、要求パラメータ検証