2011-01-23 14 views
0

私はウェブページの本体テキストのdivと、ウェブサイトの残りの部分へのリンクのナビゲーションdivを持っているとします。今度は、本文テキストのリンクを通常の青の代わりに緑色にしたいと考えていますが、ナビゲーションdivのリンクを別の色(おそらく赤色)にしたいとします。 CSSでリンクを緑色にすると、すべてリンクが緑色になります。ナビゲーションdivのテキストをCSSで赤くすると、リンク属性はナビゲーションdivのリンクのdivの属性よりも優先されているようです。どのリンクにクラスが接続されていない場合でも、特定のリンクのみをターゲットにするにはどうすればよいですか?後続の属性を上書きするCSS

答えて

3

ため、CSSの特異性のルール(私はその言葉を愛する)、JMCの提案は動作します。

ここでその詳細を読む http://htmldog.com/guides/cssadvanced/specificity/

を基本的には、より具体的なルールは、それが使用される可能性が高いです。

2

子孫セレクタを使用します。

スタイルの正規リンク、#nav divの中だけのリンク:

a:link { color: blue; 
    } 
a:visited { color: purple; 
    } 

.navigation a:link, .navigation a:visited { color: green 
    } 
関連する問題