Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

CSSリファレンス インデックス

スポンサーリンク

CSSリファレンス

セレクタの優先順位PriorityTOPCSSSelectorPriority

  1. 記述順による優先度Cascading
  2. セレクタの個別性Specifity
  3. 記述方法の違いによる優先度
  4. 最優先規則!important規則

セレクタの個別性Specifity

セレクタの個別性Specifityとは、単体のセレクタが持つ優先度のことを指します。基本的にはIDセレクタ>クラスセレクタ>その他のセレクタとなっており、それぞれの組み合わせの合計値が最終的な個別性となります。 ユニバーサルセレクタは個別性を持ちません。個別性が同じ場合は記述順に従って優先度が決まります。

*			specificity = a+b+c =   0
h1			specificity = a+b+c =   1
ul li			specificity = a+b+c =   2
ul li.red		specificity = a+b+c =  12
#main .red		specificity = a+b+c = 110
ul#main li.red		specificity = a+b+c = 112
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.