CSS内容属性，它意味着什么

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

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

我不知道css属性“内容”-它是什么

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

---

并在谷歌的“css内容属性”和“css\e006”上查找，但没有找到运气。

选择器在所选类的内容之前插入内容，即

。图标instagram

。我们使用

content

属性指定要插入的内容。只能将

content

属性与伪元素一起使用，如

：after

和

：before

---

在您的情况下，

\e006

是一个UTF-8。发生的情况是，只要某个对象应用了类

.icon instagram

，它就会在该对象之前附加此字符。这就是伪元素

：before

的意思。它可能是一个字形图标。（Instagram图标）。

图标Instagram：：before选择器在所选类的内容之前插入内容，该类内容为

。图标Instagram

。我们使用

content

属性指定要插入的内容。只能将

content

属性与伪元素一起使用，如

：after

和

：before

---

---

在您的情况下，

\e006

是一个UTF-8。发生的情况是，只要某个对象应用了类

.icon instagram

，它就会在该对象之前附加此字符。这就是伪元素

：before

的意思。它可能是一个字形图标。（Instagram图标）。

它是自定义图标字体的unicode名称。请看@Chris M，它们是否免费用于商业用途？有许多网站既有免费图标，也有付费图标。阅读eula@Chris对不起，我不明白。如果它们是图标。那么我该如何在网站上用其他颜色（如橙色）来绘制呢。。我不需要另一个彩色图标集吗？它是自定义图标字体的unicode名称。请看@Chris M，它们是否免费用于商业用途？有许多网站既有免费图标，也有付费图标。阅读eula@Chris对不起，我不明白。如果它们是图标。那么我该如何在网站上用其他颜色（如橙色）来绘制呢。。我不需要另一个彩色图标集吗？很好，如果我想添加悬停效果。。它如何“绘制”图标。。它不需要另一组彩色图标吗？e006是Instagram图标。如果使用开发者控制台编辑内容中的CSS，即删除字符，Instagram图标将消失。你想再画一次同一个图标吗？使用相同的代码。我的意思是，就像在我发布的链接中，当你将它们悬停时，它们会用橙色着色我看，好吧，这是另一个问题，但我可以告诉你：尝试使用：hover，所以创建。icon instagram:hover{}，并在悬停时添加任何你想要的外观。谢谢，正是我所看到的：）很好，如果我想给它添加悬停效果。。它如何“绘制”图标。。它不需要另一组彩色图标吗？e006是Instagram图标。如果使用开发者控制台编辑内容中的CSS，即删除字符，Instagram图标将消失。你想再画一次同一个图标吗？使用相同的代码。我的意思是，就像在我发布的链接中，当你将它们悬停时，它们会用橙色着色。我看，好吧，这是另一个问题，但我可以告诉你：尝试使用：hover，所以创建。icon instagram:hover{}，并在悬停时添加任何你想要的颜色。谢谢，这正是我看到的：）