Html 如何根据伪元素的属性设置其图标内容?

Html 如何根据伪元素的属性设置其图标内容?,html,css,icomoon,Html,Css,Icomoon,我正在使用icomoon作为我的图标库 我试图通过属性数据图标动态设置图标 但似乎无法使用attr(数据图标)将内容识别为字符集 有没有办法使用attr()将\e92c转换为字符而不是字符串文字 #预期::之前{ 内容:'\e92c'; 字体系列:“icomoon”; } [数据图标]::之前{ 内容:属性(数据图标); 字体系列:“icomoon”; } 这就是我所期望的 这就是我得到的:( HTML文本的转义方式与CSS文本不同。在属性中,您需要为等效的十六进制excape(规范称之为“十

我正在使用icomoon作为我的图标库

我试图通过属性
数据图标
动态设置图标

但似乎无法使用
attr(数据图标)
将内容识别为字符集

有没有办法使用
attr()
\e92c
转换为字符而不是字符串文字

#预期::之前{
内容:'\e92c';
字体系列:“icomoon”;
}
[数据图标]::之前{
内容:属性(数据图标);
字体系列:“icomoon”;
}
这就是我所期望的
这就是我得到的:(

HTML文本的转义方式与CSS文本不同。在属性中,您需要为等效的十六进制excape(规范称之为“十进制字符引用”或“十六进制字符引用;”)使用
&35;xE92C;

十六进制字符参考(注意
#
后面的
x
):

十进制(无
x
):

实例:

#预期::之前{
内容:'\00e92c';
字体系列:“icomoon”;
}
[数据图标]::之前{
内容:属性(数据图标);
字体系列:“icomoon”;
}
这就是我所期望的
从
数据图标

Wow,我不知道!效果很好,谢谢!将在2分钟内被接受!
data-icon=""
data-icon=""