こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

外部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;
}

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

投稿日時 - 2007-09-05 02:04:31

QNo.3316528

すぐに回答ほしいです

質問者が選んだベストアンサー

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

投稿日時 - 2007-09-05 16:57:17

お礼

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

投稿日時 - 2007-09-06 02:13:19

ANo.3

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(3)

ANo.2

>現在の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>
とした場合、どちらの設定がより優先されるかは判断できるのでは?

投稿日時 - 2007-09-05 14:16:06

お礼

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

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

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

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

投稿日時 - 2007-09-06 01:36:16

ANo.1

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

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

投稿日時 - 2007-09-05 03:13:54

お礼

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

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

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

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

としています。

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

投稿日時 - 2007-09-05 13:21:43

あなたにオススメの質問