定位锚元素中的文本，而不定位图像

U. D. 发表于 Dev

我不希望图片带有下划线，但是我需要在文本中带有超链接的下划线。我怎样才能做到这一点？这是一个wordpress主题，因此我无法更改必须留在CSS中的html

.post-desc a{
    border-bottom: 1px solid #FBCF00;
}
.post-desc a img{
    border-bottom: none;
}

<div class="post-desc">
<a href="http://www.montrealguidecondo.ca/news/wp-content/uploads/2016/01/exterieur-1.jpg" target="_blank" rel="attachment wp-att-2763"><img class="alignnone wp-image-2763 size-full" src="http://www.montrealguidecondo.ca/news/wp-content/uploads/2016/01/exterieur-1.jpg" alt="extérieur de Tod condo" width="639" height="438"></a>
  </div>

流程

您可以使用display:table;图片在图片下将其删除，如下所示：

.post-desc a img{
    border-bottom: none;
    display:table;
}

片段：

.post-desc a {
  border-bottom: 1px solid #FBCF00;
}
.post-desc a img {
  border-bottom: none;
  display: table;
}

<div class="post-desc">
  <a href="http://www.montrealguidecondo.ca/news/wp-content/uploads/2016/01/exterieur-1.jpg" target="_blank" rel="attachment wp-att-2763">
    <img class="alignnone wp-image-2763 size-full" src="http://www.montrealguidecondo.ca/news/wp-content/uploads/2016/01/exterieur-1.jpg" alt="extérieur de Tod condo" width="639" height="438">
  </a>
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。