Simple HTMLHTMLリファレンス

Main Menu

おすすめリンク

Site Info.

HTMLリファレンス

CSSリファレンス

その他の記事

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

スポンサーリンク

CSSリファレンス

セレクタの優先順位PriorityTOPCSSSelectorPriority

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

記述順による優先度Cascading

最も基本的な優先順位の決められ方です。CSSファイルは先頭から読み込まれて順次上書きされていくため、個別性が同じ場合は後方に記述されているものが優先順位が高くなります。 例えば、link、visited、hover、activeの4つの擬似クラスは、それぞれの個別性が同じであり、記述順序によってはうまく動作しない場合があるため、LVHA(link、visited、hover、activeの頭文字)の順序で記述するのが良いとされています。

a:link		{ color: blue; }	未訪問リンク
a:visited	{ color: purple; }	訪問済みリンク
a:hover		{ color: red; }		マウスオーバー時のリンク
a:active	{ color: yellow; }	アクティブ状態(訪問中)のリンク
スポンサーリンク
Copyright (C) 2010 Simple HTML. All Rights Reserved.