css - 后代的选择器，包括元素本身

Question

我想知道是否有更简单的方法来实现这一点（后代的选择加上元素本身）：

<div id="parent">
    <div></div>
    <div></div>
</div>

#parent, #parent * {
    background-color: red;
}

如果我有许多课程的现有规则，例如

.b20120411,
.b20120630,
.b20120711,
.b20121010,
.b20130109,
.b20121214 {
    ...
 }

并希望为后代提供它，它会变得混乱：

.b20120411, .b20120411 *,
.b20120630, .b20120630 *,
.b20120711, .b20120711 *,
.b20121010, .b20121010 *,
.b20130109, .b20130109 *,
.b20121214, .b20121214 * {
    ...
}

Answer 1

仅有的：

<div id="grand-parent">
    <div id="parent">
        <div></div>
        <div></div>
    </div>
</div>


#grand-parent * {
    background-color: red;
}