CSSでのリンク指定について

質問

a:link img.sample { boder: 1px solid #CCCCCC}
a:visited img.sample { boder: 1px solid #CCCCCC}
a:hover img.sample { boder: 1px solid #333333}
a:active img.sample { boder: 1px solid #333333}

という記述はCSSの仕様としてあっていますでしょうか。

a img.sample:link { boder: 1px solid #CCCCCC}
a img.sample:visited { boder: 1px solid #CCCCCC}
a img.sample:hover { boder: 1px solid #333333}
a img.sample:active { boder: 1px solid #333333}

のように書くとIE6で思うように表示されなかったので。。

回答No.1

leap_day · ベストアンサー

こんにちは

a:link　未訪問
a:visited　訪問済み
a:hover　マウス重なり
a:active　実行中

はセットです

http://www.hajimeteno.ne.jp/stylesheet/css1/pseudo.html
http://www6.plala.or.jp/go_west/nextcss/ref/slctr/ps_clas.htm

<a href="***"><img src="***" class="sample"></a>とあって
a img .sample { border:***; }
で<a>タグの次にあるclass="sample"と定義された<img>のボーダーを設定しているわけですがあくまでも<a>タグに対してのlink,visited,hover,activeですので下のようにすると<img>(class="sample")に対してのlink,(略)という解釈になってしまいます

お礼

なるほど！そういうことですか。頭の中で整理できました。
ご丁寧に説明して頂きましてありがとうございました。

これからは参考のURLにあるページを自分で探し出せるようにします。。
ご迷惑おかけしてすみません。