jquery - 如何在 Font Awesome 中使用::after pseudo 而不是::before pseudo

Question

Font Awesome 未提供 :after伪。是否可以使用 :after默认情况下而不是 :before伪？

例如，如果我使用:<i class="fa fa-facebook">facebook</i>那么图标应该使用:after而不是 :before .

我不想使用如下所示的图标:

<span> 25 <i class="fa fa-percent" aria-hidden="true"></i> </span>

如果我使用上述解决方案，那么它绝对有效。我可以在 25 之后放置图标，但我不适合使用它

以我为例:

<span class="percent fa fa-percent">25</span>

当前结果:

.fa-percent:before {
    content: "\f295";
}

预期结果:

.fa-percent:after {
    content: "\f295";
}

我怎样才能做到这一点？

Answer 1

这就是您要实现的目标吗？

.percent:after {
  font-family: fontAwesome;
  content: "\f295";
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
<span class="percent">25</span>