cssの適用順位

cssの適用順位
CSSで、同じ要素に対して複数のセレクタが適用された場合

１．  特異性が優先      
２．  後に定義が優先 

    例       
        div a.www {     color: red; }  .www {     color: blue; }    <div>     <a class="www">リンクテキスト</a> </div>

    →赤が適用となる

    div a.www  >  .www  特異性として大きい   

    .wwwは後述定義だが、まず１．で決め同じ程度の特異性のとき、２．で決める

    例えば、#header（IDセレクタ）やdiv a.class（複数のセレクタ）よりも、単に .class（クラスセレクタ）や a（要素セレクタ）の方が特異性は低くなります。         

    特異性は次のように計算されます：      IDセレクタ: 100     クラスセレクタ: 10     要素セレクタ: 1

特異性はポイント制