CSS内容属性，意味着什么

Question

想在我的网站上放置一个社交图标，当我找到一些我跑过这个网站的时候：

A site with a social icons that i want to adapt

然后我发现它们不是图像：

我不知道css属性＆＃34;内容＆＃34; - 它是什么？

什么是\ e006，是字体吗？查看了网站资源，但没有看到任何相关内容。

并在google＆＃34; css内容属性＆＃34;上查找和＆＃34; css \ e006＆＃34;但没有运气。

Answer 1

::before选择器在所选类.icon-instagram的内容之前插入内容。我们使用content属性指定要插入的内容。您只能将content属性与:after和:before等伪元素一起使用。

在您的情况下，\e006是UTF-8 character。会发生什么事情，只要某个类已经应用了类.icon-instagram，它就会在它之前追加这个字符。这就是伪元素:before的含义。它可能是一个glyphicon。 （Instagram图标）。