我正在尝试创建一个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)
图像后会显示字体真棒外部链接。如何删除图像的图标?