css - 如何从包裹在 anchor 中的图像中删除下划线？

Question

无论如何，我有一个问题。我想这是一个小问题，但却困扰着我。我在我的博客上更新了 anchor 的 CSS，以便它们带有边框下划线。现在的问题是我所有链接的图片都带有下划线，看起来不对。

所以我假设解决此问题的唯一方法是将 CSS 类应用于 anchor 内的所有图像，以便它们具有 border: none;。我不知道该怎么做。有人愿意解释这是否可能吗？提前致谢。

Answer 1

试试这个:

<style type="text/css">
a img { text-decoration: none } // Images within 
</style>

但是，这是非常普遍的，如果您的 anchor 有填充，它就不会完全起作用，图像左右两侧可能会有残留的下划线。

一般情况下最好关闭链接的下划线，为 anchor 定义一个 CSS 类，然后在该类中打开下划线:

a { text-decoration: none }
a.my_anchor_class { text-decoration: underline }