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

这是你想要实现的目标吗？

＆＃13;

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

＆＃13;

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

＆＃13;