我不希望图片有下划线,但我需要在文本中加下划线加下划线.我怎样才能做到这一点?这是一个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>