なぜ私の主なリンクのクラスがある

Question

少し混乱して大幅にいくつかの洞察力に感謝でした（ホバー：リンク、#footer_links #footer_links）：私の新しく作成された独自のクラスをオーバーライド（：ホバー：リンク＆）

を

は、現在、当社の主要なCSSファイルで、私たちのように定義されたすべての「一般」リンクを持っている：私は異なる色のリンクを持ちたいウェブサイトのさまざまなセクションがあるので、しかし

`a:link {color:#da0000; text-decoration:none;} 
a:visited {color: #CA0000;} 
a:hover {color: #000000; text-decoration: underline;} 
a:active {color:#da0000;}` 

を、私は別の定義しましたクラスはFOOTER内でのみ次のように使用します：

`.footer_links { 
     font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    font-size: 12px; 
    color: #FFFFFF;} 

.footer_links a:link { 
    text-decoration: none; 
    color: #FFFFFF;} 

.footer_links a:visited { 
    text-decoration: none; 
    color: #FFFFFF;} 

.footer_links a:hover { 
    text-decoration: underline; 
    color: #000000;}` 

ただし、ページを起動すると、プライマリリンクのエフェクトが自分の.footer_linksクラスをオーバーライドします。これは、各フッタリンクのように、クラスを「footer_links」と定義しています---リンクが別のクラスで定義されているため、その効果がオーバーライドされている理由がわかりません。

これについてのご意見はありますか？

Answer 1

あなたのルールは間違っている、あなたは次の構造

<div class="footer_links"><a> ... 

のためのいくつかのルールを入れているあなたは、HTMLのような

<a class="footer_links"> .... 

を持っている場合は、

a.footer_links {} 
a.footer_links:hover {} 

Answer 2

のようになりますCSS私はあなたのことを正しく理解していれば、footer_linksのフッターにリンク自体（）を与えています。 ？

CSSの場合、Element aであるfooter_linksのすべての子が動作することをCSSで指定しているため、動作しない場合があります。

.footer_links:visited{ 
... 
} 

.footer_links:hover{ 
... 
} 

へ

変更、それを私は右のそれを見たとき、それはあなたの問題を解決する必要があります。