CSS内容属性,什么意思

标签 css

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

A site with a social icons that i want to adapt

enter image description here

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

enter image description here

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

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

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

最佳答案

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

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

关于CSS内容属性,什么意思,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24071521/

相关文章:

html - Android浏览器上的背景图片封面

html - 使 div 中的某些单词具有不同的样式会使段落中断真的很奇怪

html - 单页应用程序 - CSS3 宽度/高度 100% 无效,因为 Bootstrap 未定义主体的静态值

javascript - 如何让我的箭头文本留在 fullpage.js 上的正确位置?

两个 div 的 CSS 属性 - 与预期的宽度不匹配

javascript - 有没有办法使用 JavaScript 从框架中的页面更改 index.html 的标题?

javascript - 为什么无限滚动中的 wrapAll 有很多 div?

javascript - Bootstrap 4 与 Angular 4 导航栏

css - 多级响应导航工具/教程

css - 使用 Flex CSS 和 Bootstrap 进行响应式布局