一个元素中是否可以有 2 个类？ [复制]答案

【问题标题】：Is it possible to have 2 classes in a element? [duplicate]一个元素中是否可以有 2 个类？ [复制]
【发布时间】：2021-04-04 04:11:25
【问题描述】：

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

这是图标：<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;

【问题讨论】：

标签： html css font-awesome

【解决方案1】：

你可以在类属性中拥有多个类，它只需要并且应该只被调用一次，你只需在类属性中的类之间放置一个空格。你的 CSS 看起来不错。

有关 HTML 相关类属性的更多信息，请参见以下链接：HTML Class Attribute

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

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

【讨论】：