CSSの優先順位

質問

ヘッダー情報の中に

<link href="○○.css" rel="stylesheet" type="text/css" />

を複数記述すれば、１つのHPに複数の外部CSSを関連付けることができますが、
そのなかで、おなじIDやクラスに別の命令をした場合、どのような形で優先順位がつくのでしょうか？

最初に読み込んだCSSが強いのでしょうか？弱いのでしょうか？

回答No.2

DrFell · ベストアンサー

詳細度で強弱が決まります。
簡単にいうと、classよりidが強い。

次のページの真ん中ぐらいに
「CSSルールの優先順位 詳細度(specificity)とは」
がありますので、一読してみてください。
http://young.blog.jp.klab.com/archives/19936396.html

わかったら、ページ上から、理解度を試すクイズがあります。理解できたか確認してみましょう。

お礼

最終問題までは行けました！
わかりやすいサイトの紹介ありがとうございます。

回答No.4

ORUKA1951

＞おなじIDやクラスに別の命令をした場合、どのような形で優先順位がつくのでしょうか？

　スタイルシート(カスケーディングスタイルシート)のカスケーディングは、CSSの最も重要な肝となる仕組みです。これを理解しないとスタイルシートは使えません。
1)出所
　ユーザーの最重要宣言＞著者の最重要宣言＞著者のスタイル＞ユーザーのスタイル＞デフォルト(ユーザーエージェントの持つスタイル
2)継承されるかされないか
3)詳細度
4)出現順位
　詳しくは、
　⇒セレクタ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/selector.html )
値の割り当て、カスケード処理、継承( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html )
★ただし現行のCSS2.1では詳細度について変更になっています。英文しかありませんが
　⇒6.4.3 Calculating a selector's specificity( http://www.w3.org/TR/CSS2/cascade.html#specificity )

　最重要宣言・出所・継承・詳細度でソートされ、同じ詳細度なら登場順に決まるということです。

お礼

返答ありがとうございます。
たすかりました！

回答No.3

noname#206842

CSSは、後出しじゃんけんと同じです。
最後に指定されたものが、必ず適用されます。

と、いうことで、最初の読み込みが、もっとも弱いということになります。

idとclassでは、idの方が優先です。
汎用性のあるものは、class
個別のものは、id
で記述することが、基本です。

お礼

返答ありがとうございます。
たすかりました！

回答No.1

Tacosan

優先度が完全に同じなら後のものが適用される.

お礼

返答ありがとうございます。
たすかりました！