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