Javascript 从链接图像中删除：悬停

我完全绝望了，尽管在www上搜索了几十个小时，还是找不到解决办法

对于文本链接，我添加了以下css代码：

a:hover img {
border-bottom: none !important;
} 

不幸的是，这也在可链接的IMG上添加了一条厚厚的黑色下划线，不知何故破坏了我整个网站的外观

使用CSS悬停时，如何删除可链接IMG上的边框底部

我尝试了以下代码，但无法解决问题：

a img, a:hover img {
border-bottom: none !important;
text-decoration: none !important;
} 

到目前为止，一切都没有结果

任何关于这个问题的帮助都将不胜感激。我知道这只是一个小细节，但对我来说，它意味着整个世界

非常感谢

为了更好地理解，请查看：

左侧折叠菜单上的徽标也会受到影响

祝福

你的问题是

a:hover{border bottom:3px solid#000；}

将边框添加到悬停时的所有

a

元素，但您所使用的CSS规则会从

img

元素中删除边框，这些元素是

a

/

a:hover

元素的后代。由于

img

元素本身从来没有边框，因此这不起任何作用，图像周围

a

上的边框保持不变

参见主图像中的<代码>类＝“拇指包装”<代码>，请考虑<代码> A.THUB-CORL:悬停{边框：无；} <代码> < /P> 如果您需要更通用的解决方案，您可能会希望

• 使用特定类标记所有图像链接（

  a

  包含

  img

  的元素），并设置该类的

  边框底部：无

• 只标记文本链接并设置该类的

  边框底部：3px solid#000

• 使用JavaScript动态应用样式。使用jQuery:

  $（'a'）。has（'img'）。css（'border-bottom'，'none'）

---

您必须将锚元素的“文本装饰”更改为“无”，而不是图像！“文本链接”，但那不是你的文本链接CSS.arcyqwerty，我嫁给你！！！“拇指包裹”解决方案运行良好。非常感谢你的及时帮助。给其他成员一个大大的拥抱，并请为我在css等方面的无知道歉。。我能帮忙的最好的朋友。如果你的问题解决了，请考虑接受我的回答。