css：对一个图标使用两个类

我有一个图标，我这样称呼它：

<i class="fa icon-potencial_biomasa "></i>

但它必须只有一个图标。css不是我的，我必须用它来设置图标

icon-potential\u biomasa

。我怎么做？不知道如何在css中设置代码。我不明白是什么在做

.path1:before

和path2

我需要做的是：

---

我需要打开底部的图标，不知道如何打开。

这些是unicode字符。应显示在该位置，尽管某些字体将显示不同的字符。图标是通过伪元素添加的，

内容

属性指向图标的Unicode代码。在伪元素之前不能有两个

：before

。为了堆叠图标，您必须在图标字体中将两个图标组合成一个图标。就我所知，类似于内容：\ecode1\ecode2的内容，您不能。如果您能够将HTML注入

内容

，那么您就可以了。但是如果可以的话，为什么不从标记开始呢。据我所知，您有两种可用的解决方案，一种是将字体图标中的图标组合起来，另一种是使用更复杂的标记（不止一个元素）。@pmirnd我上一条评论中的#2的解决方案可能类似于。这些是unicode字符。应显示在该位置，尽管某些字体将显示不同的字符。图标是通过伪元素添加的，

内容

属性指向图标的Unicode代码。在伪元素之前不能有两个

：before

。为了堆叠图标，您必须在图标字体中将两个图标组合成一个图标。就我所知，类似于内容：\ecode1\ecode2的内容，您不能。如果您能够将HTML注入

内容

，那么您就可以了。但是如果可以的话，为什么不从标记开始呢。据我所知，您有两种解决方案，一种是将字体图标中的图标组合起来，另一种是使用更复杂的标记（不止一个元素）。@pmirnd在我最后的评论中，为#2提供的解决方案可能类似于。

.icon-potencial_biomasa .path1:before {
  content: "\e979";
  color: rgb(62, 164, 192);
}
.icon-potencial_biomasa .path2:before {
  content: "\e97a";
  margin-left: -1em;
  color: rgb(64, 164, 192);
}