combinateur enfant
##################

.. raw:: html

   <iframe width="560" height="315" src="https://www.youtube.com/embed/bGLBYGFaHSo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

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.

.. code-block:: css

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


.. code-block:: html
   :emphasize-lines: 2

   <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``