CSSセレクターの優先度 しつこく当てるとよく効く id class

CSSの優先度

CSSは、

1.タグ内にstyle=”"
2.head内にstyle
3.linkで外部呼び出し

の上から順に優先度が高い。
また、

ID
id = 100点

クラス
class = 10点

タグに指定
a,h3,p = 1点

* = 0点

というように点数が多いほうが優先される。

例:

#frame #content #menu .list-1 a
100 + 100 + 100 + 10 + 1 = 311

#menu .list-1 a
100 + 10 + 1 = 111

↑のようにしつこく当てていったほうが優先される。

●例外
!importantは優先順位を無視して、最優先される。

↓プリントアウトして壁にでも貼っておくといいだろう。
http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA