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

【问题标题】：HTML. Assign multiple classes with subclasses to a elementHTML。将具有子类的多个类分配给一个元素
【发布时间】：2015-01-29 05:13:27
【问题描述】：

我正在为 HTML 类而苦苦挣扎。我在 CSS 中有这些类：

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

我正在尝试为这样的元素分配两个类：

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

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

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

但我找不到正确的方法。也许我想做的是愚蠢的，但我找不到其他方法（在 CSS 中保持特异性）。

【问题讨论】：

【解决方案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>

【讨论】：

【解决方案2】：

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

【讨论】：