我完全绝望，尽管在搜索www几十个小时后仍无法找到解决方案。
对于文字链接，我添加了以下css代码：
a:hover img {
border-bottom: none !important;
}
不幸的是，这也在可链接的IMG上添加了一个粗黑色下划线，这在某种程度上破坏了我整个网站的外观。
如何在使用CSS进行悬停时删除可链接IMG上的border-bottom？
我尝试过以下代码而无法解决问题：
a img, a:hover img {
border-bottom: none !important;
text-decoration: none !important;
}
到目前为止还没有成功！
对此问题的任何帮助都将受到高度赞赏。我知道这只是一个小细节 - 但对我而言，它意味着整个世界。
非常感谢提前！
为了更好地理解，请查看：
http://www.huberthasler.de/works
左侧折叠菜单上的徽标也会受到影响。
祝福
米
答案 0 :(得分：2)
你的问题是那个
a:hover { border-bottom: 3px solid #000; }
在悬停时为所有a元素添加边框，但您在问题中使用的CSS规则会从img / a后代的a:hover元素中删除边框元素。由于img元素本身从未有过边框，因此无法执行任何操作，并且图像周围a的边框仍然存在。
看到主图像上有class="thumb-wrap"，也许会考虑a.thumb-wrap:hover { border-bottom: none; }
如果您需要更通用的解决方案，您可能希望
a的{{1}}元素）并设置该类img border-bottom: none; border-bottom: 3px solid #000;