html - 使用 CSS 覆盖 anchor > 图像行为

Question

注意:我在 5 分钟前问过类似的问题，但是这不一样......

我有这个 CSS 规则来给链接加下划线，而不通过任何字母的“脚”划线:

a:hover, a:focus, a:active {
    color: #3b234a;
    border-bottom: 1px #ccc solid;
}

现在这按预期工作了，但是我想编写一个规则来禁用链接图像上的此行为，如下所示:

<a href="#"><img src="..." /></a>

这可能吗？

谢谢。

Answer 1

然后将类“imageLink”或您喜欢的任何内容添加到保存图像的 anchor :

a:hover, a:focus, a:active {
  color: #3b234a;
  border-bottom: 1px #ccc solid;
}

a.imageLink:hover, a.imageLink:focus, a.imageLink:active {
   border-bottom: none;
}