CSS语法选择一个类下的多个元素

Question

HTML：

<div class="home">
 <div class="a">
   A content
 </div>
 <div class="b">
   B content
 </div>
 <div class="c">
   C content
 </div>
 <div class="d">
   D content
 </div>
 <div class="e">
   E content
 </div>
</div>

要为家庭课程下的a，c和e儿童应用通用样式，我们可以使用多个css选择器，如下所示。

CSS：

.home .a,.home .c,.home .e{
 background-color:#ccc;
}

问题： 以上CSS的简称是什么？

现在，像ac和e一样是家中的普通孩子。而不是.home一遍又一遍地重复，我该如何编写一个较短的语法来选择归属类下的类a，b和c。

也许像：

.home(.a,.c,.e){
 color:#ccc;
}

我知道这是错误的，但只是对我在这里的问题，正在寻找的问题给出了清晰的想法。

Answer 1

该代码.home(.a,.c,.e)将不起作用，并且ORCSS选择器没有运算符。home .a,.home .c,.home .e是最短的方法。

但是这里有一些选择器可能会对您有所帮助：

.home div { } /* all divs in home */
.home > div { } /* all divs that are a direct child of .home */
.home * { } /* all elements in .home */
.home > * { } /* all direct children of .home */

还存在CSS预处理程序，例如SASS和LESS，它们为您提供了更多的可能性。