使用內容屬性獲取圖標？

Question

我正在編輯WordPress主題的CSS，以便更好地適應我的需求。據我所知，我遇到了檢索不同社交媒體網站的圖標。

.social-menu li a[href*="flickr.com"]::before { content: '\f16e'; } 

我跟着它在我提供的url中尋找flickr.com，但是什麼是content屬性呢？如何更改內容字段以支持另一個站點，如StackOverflow？

Answer 1

像@Paulie_D說的，圖標字體。

content屬性指向圖標字體集中的Unicode字符。 CSS選擇器預先將圖標（通過僞元素）附加到包含flickr.com的鏈接的鏈接元素<a>。

這可能是巧合，但是當前版本的FontAwesome對Flickr使用相同的Unicode字符\f16e。

只要「支持其他網站，如StackOverflow，」你會受到圖標字體的擺佈。圖標字體提供的是什麼，你可以使用。

如果網站確實在使用FontAweseom，那麼您將有不少可用的圖標選項，包括StackOverflow \f16c。以下是所有FontAwesome Icons的列表。