这是什么意思；。classname.active“类名称”；在css中是什么意思？

我是css新手，但从未遇到过这样的代码。有人能告诉我这段代码的真正含义吗

.icon.active {
    fill: $active;
}

---

.classname.active

是包含

• *

  ，省略

• .classname

• .active

因此，它选择所有具有类

classname

和类

active

的元素

从

例如，以下规则匹配其“类”的任何p元素 属性已指定一个以空格分隔的值列表，这些值 包括“田园”和“海洋”：

---

这意味着一个元素同时具有两个类

例如：

<i class="icon active"></i>

您好
Hello

表示元素有多个类。它以类值中包含

.active

的

.icon

为目标。它将继承

.icon

类以及

.active

中创建的属性（如果有）

。图标{
背景：浅灰色；
颜色：黑色；
宽度：200px；
填充物：5px；
}
.主动{
背景：番茄；
}
.icon.active{
/*继承.icon类和.active类的所有属性*/
字体大小：0.75em；
}

我是一个图标，但不是活动的


我是一个活跃的图标。所以我是轻量级的。

它选择具有

.icon

和

.active

类的元素。您知道OP实际上使用的不是

.classname

，而是

。icon

对吗？由于OP似乎对CSS知之甚少，这可能会令人困惑。

<i class="icon active"></i>