外部CSSでリンクカラー指定

質問

外部CSSでwebサイトを作っています。
リンクカラーの指定をbody全体にしているのですが、
フッターだけ色を変えることはできますか？
その際フォントカラーも変えられればと思っています。

現在のCSSは

a{/*リンクされた文字*/
color:#002AD1;
font-style:normal;
text-decoration:underline;
}
a:link {/*未訪問のリンク*/
color:0000ff;
font-style:normal;
text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
color:#002AD1;
text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
color:#335BFF;
font-style:normal;
text-decoration:underline;
}
a:active {/*クリック中*/
text-decoration:none;
}

現在サイト全体のフォントカラーはグレーで、
リンクは上記の通り青系です。
footerは白から濃い紺の帯にするので、
文言やリンクが見えなくなってしまうのです。

フッターのCSSに個別にカラー指定しても変わりません。

.footer {
border : none;
width : 838px;
heigth : 100%;
text-align: left;
padding : 0px 0px 0px 20px;
color: #ffffff; ←このようにフォントを白にしても変化がないです
line-height: 160%;
font-size: 11px;
}

何が原因でしょうか？
またそのようにする方法があれば教えてください。
よろしくお願いいたします。

回答No.3

goldfox · ベストアンサー

.footer a:link {/*未訪問のリンク*/
color:ffffff;
}
.footer a:visited {/*訪問後のリンク*/
color:ffffff;
}
class="footer"　をつけた要素の中の　a要素の各種色指定、を。

お礼

できました！
ご回答ありがとうございました！！

回答No.2

noname#39970

>現在のhtmlファイルのfooterの部分は
><div class ="footer" >
><div align="left</div>
></div>
>としています。
CSSのCは cascade のC
http://dictionary.goo.ne.jp/search.php?MT=cascade&kind=ej&mode=0&base=1&row=0

なので基本的には後から出てきた物で設定が上書きされる。
だとすると
<div class="footer"><a>リンク</a></div>
とした場合、どちらの設定がより優先されるかは判断できるのでは？

お礼

何度もご回答ありがとうございます。

>基本的には後から出てきた物で設定が上書きされる

そうなんですね。
あまり意味も分からず闇雲にやってる感じでした。
覚えるのではなく、理解することが本当に大切なんですね。

教えていただいたようにやってみます。

回答No.1

noname#39970

こうなってるんだよね？
<a class="footer">footer</a>

なってるけどおかしいなら
a.footer:link
{
/*省略*/
}

お礼

ご回答ありがとうございます！

body全体に指定と書きましたが、
CSSファイルには質問で書いたようなコードを記述し、
HTMLファイルには特に指定していません。
（そもそも基本が違ってるのかな…）

現在のhtmlファイルのfooterの部分は

<div class ="footer" >
<div align="left</div>
</div>

としています。

教えていただいたコードはCSSに書き込んだのですが、
htmlファイルの直すべき箇所や方法が分かりません。
何度も申し訳ないのですが、どうぞご教授ください