CSS内容属性，什么意思

Question

想在我的网站上放一个社交图标，当我在这个网站上寻找一些时:

A site with a social icons that i want to adapt

然后我看到它们不是图像:

我不知道 css 属性“content”——它是什么？

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

并在谷歌“css content attribute”和“css\e006”上寻找它，但没有运气。

Answer 1

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

在你的例子中，\e006 是一个 UTF-8 character .发生的事情是，只要某物应用了 .icon-instagram 类，它就会在它之前附加这个字符。这就是伪元素 :before 的含义。它可能是一个字形图标。 (Instagram 图标)。