HTML。为一个元素分配多个带有子类的类

我正在努力学习HTML类。我在CSS中有这些类：

.a{}
.a .b{}
.a .c{}

我试图给元素分配两个类，如下所示：

<div class="a b"></div>
<div class="a c"></div>

.a{}
.a.b{}
.a.c{}

但是这些都不起作用，元素只继承一个类。我认为逻辑上，第二类必须以绝对方式分配，如：

<div class="a (a b)"></div>

---

但是我找不到正确的方法。也许我想做的是愚蠢的，但我找不到另一种方法来保持CSS的特殊性。

如果你想在标记上使用CSS

.a{}
.a .b{}
.a .c{}

改变

<div class="a b"></div>
<div class="a c"></div>

现在让我们假设您想将其应用于单个元素，您所要做的就是删除这些选择器之间的空格，如下所示：

<div class="a b"></div>
<div class="a c"></div>

.a{}
.a.b{}
.a.c{}

此样式将与此标记匹配

<div class="a b"></div>
<div class="a c"></div>

---

如果要在标记上使用此css

.a{}
.a .b{}
.a .c{}

改变

<div class="a b"></div>
<div class="a c"></div>

现在让我们假设您想将其应用于单个元素，您所要做的就是删除这些选择器之间的空格，如下所示：

<div class="a b"></div>
<div class="a c"></div>

.a{}
.a.b{}
.a.c{}

此样式将与此标记匹配

<div class="a b"></div>
<div class="a c"></div>

---

类a和类b的选择器都是.a.b，所以中间没有空格。

类a和类b的选择器都是.a.b，所以中间没有空格。

可以用一个Div来实现吗？谢谢。你能用一个Div找到一个方法吗？谢谢