从图像中删除外部链接图标

时间:2018-02-21 15:01:25

标签: html css3 jekyll font-awesome

我正在尝试创建一个Jekyll博客模板。我想在每篇文章上显示一个字体真棒外部链接图标以及超链接。所以我写了像:

#myLink a[href^="//"]:after, 
#myLink a[href^="http://"]:after,
#myLink a[href^="https://"]:after {
content: "\f35d";
font-family: "Font Awesome 5 Free"; 
font-weight: 900;
margin: 0 0 0 5px;
}
#myLink a:link {
color: blue;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid red;
}
#myLink a:visited {
color: hotpink;
background-color: transparent;
text-decoration: none;
}
#myLink a:hover {
color: green;
background-color: transparent;
text-decoration: none;
}
#myLink a:active {
color: blue;
background-color: transparent;
text-decoration: underline; 
}

然后我写了如下文章:

<article id="myLink">
.....
....
</article>

有效。但是如果我将Image添加为外部链接

![img](https://something.jpg)

图像后会显示字体真棒外部链接。如何删除图像的图标?

0 个答案:

没有答案
相关问题