仅从图像链接中删除链接边框

【问题标题】：Removing link border only from links that are images仅从图像链接中删除链接边框
【发布时间】：2015-02-07 02:59:55
【问题描述】：

我有两个链接（一个是文本链接，一个是图片链接）：see image

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

CSS：

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;
}

【问题讨论】：

标签： html css twitter-bootstrap

【解决方案1】：

添加一个类来移除某些链接的边框。

CSS：

a.img {
    border: none;
}

HTML：

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

【讨论】：

太棒了。我试图这样做，但我的 css 语法关闭了。我放了一个像“a .img”这样的空格，而不是像你那样没有空格：“a.img”
你太接近了！ :) a img 可用于定位具有父 <a> 元素的 <img> 元素——但在这种情况下无法使用，因为它是 <a> 元素本身具有边框。