在Chrome中的选择器之后，CSS中未显示图标？

这是我的HTML：

<hr class="star-light">

它在Hirefox中显示了一个中间有白星的HR，但是在Chrome中它只是一个HR，没有显示出恒星。p> 你知道我必须改变什么才能在Chrome中工作吗

---

谢谢

希望这能对你有所帮助

请尝试下面的CSS

hr.star-light:after, hr.star-primary:after {
content: "\f005";
display: inline-block;
position: relative;
top: 0em;  /* changed value from -.8em to 0em */
padding: 0 .25em;
font-family: FontAwesome;
font-size: 2em;
}

是否有任何理由将负值指定给top属性

请参见代码笔示例-

hr.star-light:after, hr.star-primary:after {
content: "\f005";
display: inline-block;
position: relative;
top: 0em;  /* changed value from -.8em to 0em */
padding: 0 .25em;
font-family: FontAwesome;
font-size: 2em;
}