2011-07-02 14 views
1

タグをimgというタグでターゲティングする必要があります。 CSSでこれを行うことはできますか、またはjQueryを使用する必要がありますか?imgでタグをターゲティングする方法はありますか?


コメント

から追加情報私はa:hover { border-bottom:1px dotted #fff }を設定するが、私は境界線がその中imgとタグに適用したくありません。

+1

なぜそれをする必要がありますか? – thirtydot

+1

私は 'a:hover {border-bottom:1px dotted #fff}'を設定しましたが、枠内に 'img'を含む' a'タグにボーダーを適用したくありません。 – J82

+0

残念ながら、CSSだけではそれを行うことはできません。 –

答えて

3

いいえ、ありません。 jQueryのでは、あなたがクラスまたは類似した何かでaタグをマークするために喜んでない限り、これはCSSで行うことができない

$("a:has(img)") 
1

を行うことができます。

jQueryを使用すると、imgというタグを直接の子として持つaタグに一致するようにすることができます。

$('img').parent('a') 

あなたはimgは、任意の子孫であることをできるようにしたい場合は、:hasセレクタを使用することができます。

​​
0

あなたが誤解しているかもしれませんが、これはどういう意味ですか?

HTML: <a href="#"><img src="#"/></a> 

CSS: #container a { border-bottom: 1px dotted #ccc; } 
     #container a img { border: 0 !important; } 

設定した場合、これは<a>国境を継承画像から境界を削除します。あなたがホバーを言ったので...

#container a img:hover { border: 0 !important; } 
関連する問題