CSSでのロールオーバー

CSSでのロールオーバーについての質問です。

通常時A
ロールオーバーB
クリック時C

この３つの画像を使ってメニューをロールオーバーさせたいのですが、
クリック時に切り換えさせる術を知らず、困っております。

a:link,a:visited{background-image:url(通常時A);
a:active,a:hover{background-image:url(ロールオーバーB);

でロールオーバーさせることは出来たのですが、クリック（Onclick）時に画像を切り換えることは、CSSで可能なのでしょうか。
宜しく御願い致します。

No.1 ベストアンサー 回答者： dezimac 回答日時： 2007/12/19 17:08

a:link 未訪問

a:visited 訪問済
a:hover マウスが乗った時
a:active クリックした時
です。
この順番で記述して下さい。

CSSは同じスタイルが記述された場合は後に記述したのが優先されるので、
a:active
a:hover
の順番で記述すると、activeがhoverに打ち消されてしまいます。

参考URL：http://allabout.co.jp/internet/hpcreate/closeup/ …

この回答へのお礼

ありがとうございます。
スッキリしました。

お礼日時：2007/12/19 17:26