fc2ブログでリンクテキストの色が設定できない

質問

テンプレート名　Penetration　です。テキストリンクの色を変更するためにcssを編集しましたが、記事内のテキストリンクに反映されません。

変更箇所は↓

/* ハイパーテキスト
------------------------------------------------- */
a {
overflow: hidden; /* for Fx */
}

a:link {
color: #8bc9d7;
text-decoration: none;
}

a:visited {
color: #8bc9d7;
}

a:focus,
a:hover {
text-decoration: none;
}

a:active {
}

↑上記箇所を、

/* ハイパーテキスト
------------------------------------------------- */

a {
overflow: hidden; /* for Fx */
}

a:link {
color: #6699FF;
text-decoration: none;
}

a:visited {
color: #6699FF;
text-decoration: none;
}

a:focus,
a:hover {
color: #FF9900;
text-decoration: none;
}

a:active {
}

↑に書き換えました。

記事タイトル・カレンダー・カテゴリ・コメント・トラックバックは希望通り、テキストリンク→水色　　カーソルを重ねると→黄色になりましたが、記事内のテキストには反映されません。

※訪問済みもアクティブも水色のままで良いので記述しなくてもいい気がしますが、原因が分からなくなりそうで、今のところ消していません。

cssを触りだして10日程度の初心者です。ご指導宜しくお願いします。

回答No.1

tacop · ベストアンサー

こんにちは。

記事本文は「content」でくくられていますので、CSS内の「content」部分を確認します。

すると、真ん中辺に
/* 記事本文 */
.content {
padding:20px;
line-height:1.7;
}

.content a {
color:#444444;
}

.content a:hover {
text-decoration:underline;
}

・
・
・

という部分がありますので、この中の「.content a」と「.content a:hover」を修正します。
※オリジナルには訪問済み（a:visited）の指定がないようですのでもし必要であれば追加してください。

.content a {
color:#●●●;
}

.content a:visted{
color:#●●●;
}

.content a:hover {
text-decoration:underline;
color:#●●●;
}

としてみてください。
多分反映されると思います。

お礼

無事に解決しました！

上級者の方々に丁寧に回答して頂けることで、cssをとても楽しく勉強しています。

有難うございました。また、質問が出せるくらい、イジっていきます！