Html 如何根据伪元素的属性设置其图标内容?
我正在使用icomoon作为我的图标库 我试图通过属性Html 如何根据伪元素的属性设置其图标内容?,html,css,icomoon,Html,Css,Icomoon,我正在使用icomoon作为我的图标库 我试图通过属性数据图标动态设置图标 但似乎无法使用attr(数据图标)将内容识别为字符集 有没有办法使用attr()将\e92c转换为字符而不是字符串文字 #预期::之前{ 内容:'\e92c'; 字体系列:“icomoon”; } [数据图标]::之前{ 内容:属性(数据图标); 字体系列:“icomoon”; } 这就是我所期望的 这就是我得到的:( HTML文本的转义方式与CSS文本不同。在属性中,您需要为等效的十六进制excape(规范称之为“十
数据图标
动态设置图标
但似乎无法使用attr(数据图标)
将内容识别为字符集
有没有办法使用attr()
将\e92c
转换为字符而不是字符串文字
#预期::之前{
内容:'\e92c';
字体系列:“icomoon”;
}
[数据图标]::之前{
内容:属性(数据图标);
字体系列:“icomoon”;
}
这就是我所期望的
这就是我得到的:(
HTML文本的转义方式与CSS文本不同。在属性中,您需要为等效的十六进制excape(规范称之为“十进制字符引用”或“十六进制字符引用;”)使用&35;xE92C;
十六进制字符参考(注意#
后面的x
):
十进制(无x
):
实例:
#预期::之前{
内容:'\00e92c';
字体系列:“icomoon”;
}
[数据图标]::之前{
内容:属性(数据图标);
字体系列:“icomoon”;
}
这就是我所期望的
从数据图标
Wow,我不知道!效果很好,谢谢!将在2分钟内被接受!
data-icon=""
data-icon=""