タグに適用されるスタイルの優先順位について

CSSで指定したスタイルの適用優先順位は、下記の通りとなる。

1. 「!important」を指定したスタイル
2. 「id」で指定したスタイル
3. 「class」で指定したスタイル
4. 要素名で指定したスタイル

また、指定が複雑な場合、下記のスタイルの特殊性(specificity)のルールで順位付けされ、点数の高いものほど優先される。

• 「id」　　：100点
• 「class」 ：10点
• 要素タイプ：1点

例)div#content p.item span a ⇒ 1+100+1+10+1+1=114

この特殊性のルールによる順位付け（点数）が同じだった場合は、
スタイルの読み込み順序の基本ルールである「後から読みこんだものを
優先する」が適用される。