CSS內容屬性，這意味着什麼

希望把一個社會的圖標在我的網站，尋找一些當我跑過這個網站：CSS內容屬性，這意味着什麼

enter image description here

然後我看到他們是沒有圖片：

enter image description here

我不知道的CSS屬性的「內容」 - 是什麼呢？

什麼是\ e006，它是一種字體？看着網站的資源，但沒有看到任何相關的東西。

並在谷歌「css內容屬性」和「css \ e006」上尋找它，但沒有運氣。

2014-06-05 E.Meir

https://developer.mozilla.org/en-US/docs/Web/CSS/content – Arbel

它是自定義圖標字體的unicode名稱。請參閱[** http：//fontello.com/**]（http://fontello.com/） –

@Chris M，他們是否可以免費用於商業用途？ –

::before選擇器在所選類別的內容之前插入內容.icon-instagram。我們使用content屬性來指定要插入的內容。您只能使用content屬性和僞元素，如:after和:before。

在你的情況下，\e006是一個UTF-8 character。會發生什麼情況是，只要有類.icon-instagram應用於它，它就會在它之前追加這個字符。這就是僞元素:before的含義。它可能是一個圖形。（Instagram圖標）。

2014-06-05 23:07:10

不錯，如果我想添加一個懸停效果它..它怎麼能「畫」圖標..不需要另一套彩色圖標？ –

e006是Instagram的圖標。如果您使用開發人員控制檯並編輯內容中的CSS，即刪除該字符，則Instagram圖標會消失。你想畫什麼，同樣的圖標呢？使用相同的代碼。 –

我的意思就像在我貼的鏈接中，當你把它們拴在一起時，它們用橙色着色 –

回答