リンク文字色補足

リンク先が有る場所の文字色ですが、ブログの一部分にだけ設定する事も出来ます♪

通常は、
a:link {color:#　　　　　　;}
a:visited{color:#　　　　　　;}
a:hover {color:#　　　　　　;}
a:active {color:#　　　　　　;}
と書いて、全体に設定するのですが、


記事の本文の設定
.EntryText {}

まだ閲覧していないリンクの文字色設定
.EntryText a:link {color:#　　　　　　;}

過去に見たことがあるリンクの文字色設定
.EntryText a:visited{color:#　　　　　　;}

カーソルが合っている状態のリンクの文字色設定
.EntryText a:hover {color:#　　　　　　;}

アクティブ状態のリンクの文字色設定
.EntryText a:active {color:#　　　　　　;}

とCSSファイルに書けば、記事の部分にだけ違う色を設定する事が出来ます。
 

こんな感じで設定します。

ブログ全体の設定
/*まだ閲覧していないリンクを青色で表示*/
a:link {color:#0000FF;}

/*過去に見たことがあるリンクを赤色で表示*/
a:visited{color:#FF0000;}

/*カーソルが合っている状態のリンクを黄色で表示*/
a:hover {color:#FFFF00;}

/*アクティブ状態のリンクの文字を黄緑色で表示*/
a:active {color:#00FF00;}


記事部分の設定
/*記事の本文の設定*/
.EntryText {}

/*まだ閲覧していないリンクを紺色で表示*/
.EntryText a:link {color:#000099;}

/*過去に見たことがあるリンクを茶色で表示・打ち消し線つき*/
.EntryText a:visited{
color:#990000;
text-decoration:line-through;
}

/*カーソルが合っている状態のリンクを水色で表示・下線付き*/
.EntryText a:hover {
color:#66CCFF;
text-decoration:underline;
}

/*アクティブ状態のリンクを紫色で表示*/
.EntryText a:active {color:#990099;}

お試しあれ。(*￣ー￣)ｖ♪