CSS enfants Sélecteur

Permet de dire que j'ai le code HTML suivant

<div id="div1">
....
<span class="innercontents">...</span>
....
</div>

Puis-je sélectionner seulement l'enfant du parent de l'ID?

Je pourrais faire quelque chose comme

#div1 span
{
...
}

Merci pour toute aide.

Désolé pour la confusion. Je devrais avoir été plus clair. Dans l'exemple ci-dessus je tiens à vous suffit de sélectionner les balises qui relèvent spécifiques

Quel doit être le sélecteur de match? Le <div> ou <span>? (Si le <div>, alors ce que vous me demandez n'est pas possible.)
#div1 > .innercontents
"Puis-je sélectionner uniquement les enfants des classes de l'ID parent?" => cette phrase est très déroutant.
#div1 > .innercontents stackoverflow.com/questions/1182189/...

OriginalL'auteur jdross | 2011-09-30

  1. 18
    #div1 > .innercontents /* child selector */

    Permettra de sélectionner ces id du code HTML suivant: c and d

    <div id="div1">
   <div id="a">
     <span id="b" class="innercontents"></span>
   </div>
   <span id="c" class="innercontents"></span>
   <span id="d" class="innercontents"></span>
</div>

    si vous voulez tous les descendants sélectionné comme b, c, and d de l'HTML ci-dessus puis utilisez

    #div1 .innercontents

    OriginalL'auteur John Hartsock

  2. 3

    Oui. #div1 > .innercontents. Ce sont, dans l'immédiat, le descendant d'un sélecteur, ou sélecteur d'enfant.

    C'est la meilleure référence pour les sélecteurs CSS: http://www.w3.org/TR/css3-selectors/#selectors

    #div1 .innercontents est un sélecteur de descendant, pas un sélecteur d'enfant.
    #div1 > .innercontents ensuite, pour les descendants immédiats.

    OriginalL'auteur CamelCamelCamel