css 这会将facebook twitter和instagram图标添加到包含“facebook.com”,“twitter.com”和“instagram.com”的内容中的链接

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 这会将facebook twitter和instagram图标添加到包含“facebook.com”,“twitter.com”和“instagram.com”的内容中的链接相关的知识,希望对你有一定的参考价值。

.contentCopy a[href*="twitter.com"], .contentCopy a[href*="facebook.com"], .contentCopy a[href*="instagram.com"]{
text-decoration:none;
}
.contentCopy a[href*="twitter.com"]:before, .contentCopy a[href*="facebook.com"]:before, .contentCopy a[href*="instagram.com"]:before{
font-family:FontAwesome;
display:inline-block;
margin-right:3px;
}
.contentCopy a[href*="facebook.com"]:before{
content:"\f230";
color:#3A5795;
}
.contentCopy a[href*="twitter.com"]:before{
content:"\f081";
color:#55ACEE;
}
.contentCopy a[href*="instagram.com"]:before{
content:"\f16d" ;
color:#004879;
}

以上是关于css 这会将facebook twitter和instagram图标添加到包含“facebook.com”,“twitter.com”和“instagram.com”的内容中的链接的主要内容,如果未能解决你的问题,请参考以下文章

css 响应式Facebook和Twitter小部件

Facebook/Twitter/+1 按钮的 IE CSS 悬停问题

Facebook 预定帖子和 Twitter

Facebook 与 AJAX 元标记共享

UIActivityViewController 和 facebook/twitter

如何在iOS中为twitter和Facebook实现通用深层链接?