2011-09-15 22 views
1


私は非常に大きなウェブサイトを少し調整しようとしています。 サイトの主な色は赤と黒です。
リンクの外観を定義するCSSクラスが多数ありますが、一部のリンクはまだデフォルトの青色(クラスが適用されていません)のままです。
私は、メインのCSSファイルにこれを追加しようとしている:CSSのデフォルトリンクの色のみを変更してください。

a:link { 
    color: #900; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: underline; 
} 
a:hover { 
    color: #000; 
} 

が、これはあまりにも右の色とのリンクのappareanceを変更。例えば:以下、同じCSSファイルでこれらのクラスがあります。

.linkCat { 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    color: #000; 
    text-decoration: none; 
} 
.linkCat:hover { 
    color: #900; 
    text-decoration: underline; 
} 

私の変化はあまりにもこれらのクラスの動作をオーバーライドします。

スタイルが既に適用されていないリンクのみにスタイルを変更する方法があるかどうかを知りたいと思います。

私は繰り返します:ウェブサイトは本当に大きいです、私はリンクにクラスを追加するためにすべての単一のページを変更したくありません。

ありがとうございます。それでも解決しない場合は

+0

醜いです。すべての 'a'アイテムにスタイルを適用してから、クラスを一般化するのはなぜですか?たとえば、 '.myLink {//あなたが望むスタイルで置く}}。それぞれのハイパーリンクが見つかると、そのクラスにmyLinkを追加します。このようにして、あなたはすでにそこにあるものを "壊す"ことはありません... – JonH

答えて

0

は、問題のスタイルをオーバーライドするかを見るためにWebインスペクタを使用して、CSSファイル

a { 
    color: #900; 
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
    text-decoration: underline; 
} 
a:hover { 
    color: #000; 
} 

の最上部に次のように置きます。

関連する問題