ｃｓｓでリンクの文字と画像の場合の効果を使い分けたいのですが・・・。

質問

ホームページのリンクで、文字のリンク部分はチョコっと凹んだようになって点々のアンダーラインがでるような指定をしたいのですが、画像（写真など）にリンクを張った時は何も起こらないようにしたいのですがそういう指定はできますか？
できるならどのようにすればいいのでしょうか？

回答No.2

noname#17189 · ベストアンサー

クラス指定したらいいと思います。
<a href="***.html" class="hekomu">文字リンク</a>

みたいにいちいち書き加えて、

CSSで
a.hekomu:hover{
position:relative;top:1px;left:1px;
border-bottom:1px dotted black;
}
みたいにしてみて下さい。

お礼

そんな指定の仕方があったんですね。
さっそく試してみます！
ありがとうございました。m(_ _)m

回答No.3

noname#20378

あ、そっか、ごめんなさい。#2さんのようにすれば解決ですね(俺の方が無理をしてた)

お礼

教えてくださり、ありがとうございました。
頑張ってみますo(*^▽^*)o

回答No.1

noname#20378

<a href="***.html"><img src="" type="" /></a>
のa要素をどーにかするわけですよね・・・
idやclassを使う方法しか思いつきません。ごめんなさい。

検索した感じではいくつかのサイトで「***要素を子に持つ親要素」というのも望まれているようですがFirefox向けに一応調べた下記のCSS3のセレクタにも使えるものは無さそうです。待つなら数年先のXHTML 2.0かなあ・・・(汗
http://www.lucky-bag.com/archives/2005/12/w3c-css3.html