combinateur frère
#################

.. raw:: html

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

Le combinateur frère (ou *frère général* en opposition au combinateur
*frère adjacent*) permet de sélectionner un élément qui partage le même
parent qu’un autre.

Le combinateur descendant consiste en un caractère tildre ``~`` suivant
le sélecteur de l’élément frère de celui que l’on souhaite sélectionner,
et précédent l’élément que l’on souhaite sélectionner.

.. code-block:: css

   .sibling ~ .cible { /* on sélectionne tous les .cible qui suivent un élément .sibling frère */ }

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

   <div class="cible">non-sélectionné</div>
   <div class="sibling">sibling</div>
   <div class="cible">sélectionné</div>
   <div class="cible">sélectionné</div>