HTML。将具有子类的多个类分配给元素

Question

我正在努力学习HTML课程。我在CSS中使用了这些类：

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

我试图为这样的元素分配两个类：

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

但这些都不起作用，元素只会继承＆＃34; a＆＃34;类。我认为逻辑上必须以绝对方式分配第二类，如：

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

但我无法找到正确的方法。也许我想做的事情是愚蠢的，但我无法找到另一种方式（保持CSS的特异性）。

Answer 1

如果你想在标记上使用这个css

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

更改

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

到

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

注意： 选择器之间的css空间意味着Descendant selector

与>别名Child selectors选择直接孩子的方式相同，即：

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

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

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

此样式将匹配此标记

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

Answer 2

“同时具有a和b类”的选择器为.a.b，因此两者之间没有空格。