CSS Multiple selection based on parent

Question

Hello!

For the below code:

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

I want to select all of the 3 divs inside by class name and parent like this:

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

^ Doesn't work.

This is an abstract example so I need a solution similar to the one above, things like:

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

Would not work in the real-case scenario.

Thank you.

Answer 1

Hello, I don't think you have any other choice than this syntax :

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