Html 仅从作为图像的链接中删除链接边框

我有两个链接（一个是文本链接，一个是图像链接）：

如何删除图片链接的边框底部样式，但保留文本链接的边框底部样式

CSS:

---

添加一个类以从某些链接中删除边框

CSS:

HTML:

---

太棒了。我试图这样做，但我的css语法是关闭的。我放了一个像“a.img”这样的空格，而不是像你那样没有空格：“a.img”你真是太近了！：）

img

可以用于将

元素与父

元素作为目标，但在这种情况下无法工作，因为它是

元素本身具有边框。

a {
    color: #28c3ab;
    border-bottom: 1px dotted #28c3ab;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a.img {
    border: none;
}

<a href="#">This has a border</a>
<a class="img" href="#"><img sc="" alt="No border" /></a>