Question

I wonder if there is something easier in order to achieve this (the selection of descendents plus the element itself):

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

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

If I would have an existing rule for many classes e.g.

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

and would like to have it for the descendents as well it would get messy:

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

Answer 1

Only:

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


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