我正在编辑WordPress主题的CSS,以便更好地满足我的需求。据我所知,我发现了为不同社交媒体网站检索图标的内容。
.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; }
我遵循它在我提供的网址中查找flickr.com,但内容属性在做什么?我如何更改内容字段以支持其他网站,例如StackOverflow?
答案 0 :(得分:0)
content
属性指向图标字体集中的Unicode字符。 CSS选择器预先将图标(通过伪元素)添加到具有包含<a>
的链接的锚元素flickr.com
。
这可能是巧合但是当前版本的FontAwesome对Flickr使用相同的unicode字符\f16e
。
至于“支持其他网站,例如StackOverflow,”,你将受到图标字体的支配。图标字体提供的是您可以使用的内容。
如果该网站确实使用了FontAweseom,那么您将拥有相当多的图标选项,包括StackOverflow \f16c
。以下是所有FontAwesome Icons。