combinateur enfant

On utilise le combinateur enfant pour sélectionner un élément qui est l’enfant (le descendant direct) d’un autre élément.

Le combinateur descendant consiste en un caractère chevron fermant > suivant le sélecteur de l’élément parent et précédent l’enfant que l’on souhaite cibler.

.parent > .cible { /* on sélectionne tous les .enfant descendants directs d'un .parent */ }

<div class="parent">
   <div class="cible direct">
      <div class="cible">non sélectionné</div>
   </div>
</div>

Ici le second élément .cible n’est pas sélectionné : son élément parent n’a pas la classe parent