CSS中是否可以向具有特定类名称的元素添加其他类？

Question

假设我在代码中的多个位置使用以下图标表示删除图标：

<i class="fas fa-trash-alt"></i>

如果过了一会儿我决定将图标更改为其他内容：

<i class="fas fa-eraser"></i>

我必须去查找第一个图标的所有实例，并将类名更改为fas fa-eraser，如果源代码很大，这可能会很麻烦。

我想做的是拥有一个类似delete-icon的类名，并将其添加到我喜欢的每个删除图标元素中：

<i class="delete-icon"></i>

然后以某种方式在我的CSS样式中，使用类似以下规则：

.delete-icon {
    ?....[add fas]
    ?....[add fa-eraser]
}

在CSS中是否可以有这样的规则？

Answer 1

看看sass是一个很棒的CSS预处理器。它允许您编写CSS代码，并具有可变，继承等强大功能