html - 将图像数据设置为要在 HTML 伪元素中使用的自定义 ISO 字符

Question

我见过一些网站使用 before/after 伪元素的 content 属性将图片设置为内容。规则如下所示：

:before {
    content: "\e91b";
}

但随后它被渲染为图像。我相信这是这个设置，因为我可以用例如替换那个转义字符fooBar并且图像会更改为那个。替换内容会将其改回。更改颜色属性会更改图像的颜色，所以我猜它是用某处的一些 SVG 数据定义的。这些显然是自定义设置字符，因为它将被设置为公司的徽标或其他随机的东西。

老实说，我很难做到这一点，谷歌搜索什么也没显示，尽管我不完全确定要搜索什么。我发现的所有内容都引用了标准 ISO 字符，这些字符可以以转义方式使用，以便于打字/开发工作。

对此的任何帮助将不胜感激。

标签： htmlcssiso

Answer 1

它被称为 CSS 伪元素，看看：https ://fontawesome.com/how-to-use/on-the-web/advanced/css-pseudo-elements 。