HTML:删除a:悬停图片？

Question

对于文本链接,我有:

CSS:

a:link {color: #3366a9; text-decoration: none}
a:hover {border-bottom: 1px solid; color: black}

但这也增加了我不想要的可链接IMG的黑色下划线.

如何border-bottom使用CSS悬停时删除可链接的IMG？

我尝试过以下方法:

a:hover img {border-bottom: 0px}

但这不起作用

实例 (尝试将鼠标悬停在左上角的徽标上)

Answer 1

如果你浮动图像而不是内联,这将起作用,并且不需要修改史蒂夫的答案所需的图像链接属性.

a:hover img {
border: none !important;
display: block;
}

Answer 2

a:hover img {border-bottom: 0px;}

这应该够了吧.