CSS множественный выбор на основе родителя

Question

Для приведенного ниже кода:

<div id="main">
   <div class="one"></div>
   <div class="two"></div>
   <div class="three"></div>
</div>

Я хочу выбрать все 3 деления внутри по имени класса и родительскому элементу следующим образом:

div#main div.one div.two div.three{/*apply common properties for all 3*/}

^ Не работает.

Это абстрактный пример, поэтому мне нужно решение, подобное приведенному выше, например:

div#main>div{/*apply common properties for all 3*/}

Не будет работать в реальном сценарии.

Спасибо.

Answer 1

Я не думаю, что у вас есть другой выбор, кроме этого синтаксиса:

div#main div.one,
div#main div.two,
div#main div.three
{/*apply common properties for all 3*/}

Answer 2

Я не совсем уверен, что вы ищете, потому что пример довольно абстрактный, однако вы можете попробовать дать каждому из дочерних элементов второй класс после их нумерации и выбора.Это предполагает, что у вас есть контроль над генерацией на стороне сервера / html.Например:

<div id="main>
    <div class="one other-style"></div>
    <div class="two other-style"></div>
    <div class="three other-style"></div>
</div>

div#main div.other-style {
    font-family: 'Comic Sans MS';
}

За исключением того, что на самом деле не используйте Comic Sans.

Этот ответ может быть немного упрощенным, но не зная немного больше, это все, что я мог придумать!