クラスを指定して訪問前のリンクに色を付けるには？

質問

a.a_Link{
color:
red;
}

これで、class="a_Link"と指定したリンクは赤になりますが
訪問後も赤のままです。

なので訪問前のみ赤にしたいのですが
やり方がわかりません。

http://www.tagindex.com/stylesheet/link/color.html
によると

a:visited { color: #000080; } … 訪問済みのリンク
が訪問済みのリンクのようなので、
visited を使えばいいと思うのですが、
a_Linkとvisitedをどう組み合わせればいいのでしょうか？

回答No.1

Mee-me · ベストアンサー

なぜaというリンクタグに「a_Link」をつけるのかはわかりませんが、a_Linkとvisitedとの組み合わせは「a.a_Link:visited{}」となります。

お礼

ありがとうございました。

回答No.2

noname#217950

ちょっとa_Linkというクラス名は書いてて頭がこんがらがるので変えて書きます。

クラス名=color
a.color:link{color:red;}
a.color:visited{color:通常の文字色;}
でOKです。
ちなみにこの後に
a.color:hover{color:yellow;}
を足せばマウスを乗せた時だけ黄色になります。

念のためですが、全てのリンクテキストの色を変えるのであれば、クラス名は必要なく
a:link{～～～}
a:visited{～～～}
とだけ書けばOKです。

お礼

ありがとうございました。