CSS Sélection multiple basée sur des parents

Question

Pour le code ci-dessous:

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

Je veux sélectionner tous les 3 divs l'intérieur par nom de classe et des parents comme ceci:

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

^t pas travail.

Ceci est un exemple abstrait, donc je besoin d'une solution similaire à celle ci-dessus, des choses comme:

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

ne fonctionnerait pas dans le scénario réel cas.

Merci.

Answer 1

Je ne pense pas que vous avez d'autre choix que cette syntaxe:

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

Answer 2

Je ne suis pas tout à fait sûr de ce que vous cherchez, car l'exemple est assez abstraite, cependant, vous pouvez essayer de donner chacun des enfants divise une seconde classe après leur numérotation et sélection par cela. Cela suppose que vous avez le contrôle sur la génération côté serveur/html. Par exemple:

<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'; 
} 

Sauf que vous n'utilisez pas réellement Comic Sans.

Cette réponse peut être un peu simpliste, mais sans en savoir un peu plus c'est tout ce que je pouvais penser!