是否可以在一个元素中有 2 类？

Question

抱歉，如果您没有正确理解标题。我有一个很棒的字体图标，它链接了我的社交媒体。我希望每个图标都有不同的颜色，我设法为所有更改了颜色，但事实并非如此。

这是图标：<i class="fab fa-twitch fa-2x" aria-hidden="true"></i> 我想知道如何让 2 类，比如 <i class="purple" class="fab fa-twitch fa-2x" aria-hidden="true"></i> 知道如何做到这一点吗？

此外，我的 css 是：

.purple { color: purple;

Answer 1

您只需要 1 个 class 属性（您不能拥有更多）。把所有你需要的 classes 放进去

<i class="fab fa-twitch fa-2x purple" aria-hidden="true"></i>

Answer 2

是的。只需用 space 将它们分开即可。像这样：class="fab fa-twitch fa-2x purple"。
顺便说一句 fab fa-twitch fa-2x 是 3 个不同的类（fab、fa-twitch 和 fa-2x）。

Answer 3

您可以将 purple class 与其他 class 放在 class= 中：

<i class="fab fa-twitch fa-2x purple" aria-hidden="true"></i>

Answer 4

你可以在 class 属性中有多个 classes，它只需要而且应该只调用一次，你只需在 [=18] 之间放一个 space =]es 在 class 属性中。你的 CSS 看起来不错。

有关 HTML 相关 class 属性的详细信息，请参阅以下 link：HTML Class Attribute

<i class="purple fab fa-twitch fa-2x" aria-hidden="true"></i>

是否可以在一个元素中有 2 类？

Is it possible to have 2 classes in a element?

html

css

font-awesome