我有一个像这样的链接:
<a href="#" title=""> <img src="stack.png" alt="" title="" /> stackoverflow </a>
CSS:@H_403_3@
a { text-decoration: underline}
我试过了:@H_403_3@
a img {text-decoration:none}
但它不起作用.@H_403_3@
BS:
我可以这样做,如果我添加了一个显示:阻止img,但这可能会对网站的其余部分造成损害,我也不会为此部分添加特定的类.@H_403_3@
我可以用jQuery做到这一点吗?@H_403_3@
解决方法
你应该用CSS做到这一点.
<a href="#" style="text-decoration:none;"> <img src=...etc /> stackoverflow </a>
<a href="#" title="" class="img"> <img src=...etc. /> stackoverflow </a> In your css... a.img {text-decoration:none;}
编辑:@H_403_3@
如果你不能改变html,那么使用jQuery:@H_403_3@
$('a img').parent().css('textDecoration','none')
(这与上面的内容类似,但是以img的父级为目标 – 即a – 然后适当地更改样式.)@H_403_3@
小提琴http://jsfiddle.net/jasongennaro/vM55K/@H_403_3@
编辑2:@H_403_3@
如果这是a中唯一的子元素,您可以使用:@H_403_3@
$('a').children().css('textDecoration','none')