字体真棒造型 - 相同的图标不同的CSS

Question

我遇到了一个路障，在我网站的两个地方设计了一个字体真棒图标。我研究了这个特定的主题并没有找到答案。

fa-plus的加号图标位于网站的两个位置（移动菜单和产品详细信息页面）。

我想将图标float: right放在移动设备菜单上，而不是放在产品详细信息页面上。当我在下面实现css代码时，加号图标也会更改产品详细信息页面上的位置。我们如何在右侧浮动图标而不是网站上的其他位置？

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    float: right;
}

Answer 1

将第二个类添加到移动菜单的图标标记中，如下所示：

<i class="fa faFloat"></i>

然后将你的float: right;移出.fa部分，并将其放入一个新的部分，如下所示：

.faFloat {
    float: right;
}