combinateur frère

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.

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

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