Css 字体5在使用JS+;SVG版本

Css 字体5在使用JS+;SVG版本,css,font-awesome,font-awesome-5,Css,Font Awesome,Font Awesome 5,试图将列表项标记上的项目符号类型替换为字体很棒的图标,但我得到的是一个空方块: ul{ 列表样式:无; } .睾丸{ 线高:2米; } .测试项目:之前{ 字体系列:“字体真棒5免费”; 内容:“\f058”; 利润率:0.5px 0-15 px; 颜色:#004d00; 显示:内联块; } 列表项目1 列表项目2 列表项目3 列表项目4 列表项目5 如果您正在使用CSS版本,请阅读以下内容: 使用最新版本的Font Aweome 5,您可以通过添加数据搜索伪元素在JS版本中使用伪元素,如

试图将列表项标记上的项目符号类型替换为字体很棒的图标,但我得到的是一个空方块:

ul{
列表样式:无;
}
.睾丸{
线高:2米;
}
.测试项目:之前{
字体系列:“字体真棒5免费”;
内容:“\f058”;
利润率:0.5px 0-15 px;
颜色:#004d00;
显示:内联块;
}

    列表项目1 列表项目2 列表项目3 列表项目4 列表项目5
如果您正在使用CSS版本,请阅读以下内容:

使用最新版本的Font Aweome 5,您可以通过添加
数据搜索伪元素
在JS版本中使用伪元素,如下所示:

ul{
列表样式:无;
}
.睾丸{
线高:2米;
}
.测试项目:之前{
字体系列:“字体真棒5免费”;
内容:“\f058”;
display:none;/*我们需要隐藏伪元素*/
}
/*针对svg进行样式设置*/
.测试项目svg{
颜色:蓝色;
利润率:0.5px 0-15 px;
}

    列表项目1 列表项目2 列表项目3 列表项目4 列表项目5
如如何启用伪类的文档中所述

ul{
列表样式:无;
}
.睾丸{
线高:2米;
}
.测试项目::之前{
字体系列:“字体真棒5立体”;
内容:“\f058”;
显示:无;
}
.用户::之前{
字体系列:“字体真棒5立体”;
内容:“\f007”;
显示:无;
}
FontAwesomeConfig={searchPseudoElements:true};
    列表项目1 列表项目2 列表项目3 列表项目4 列表项目5


是的!加载JS版本。将DL的CSS版本,并给它一个尝试。谢谢你的提示。Temani-不知道你最后的评论是什么意思。