Sélecteurs de voisins généraux

Résumé

Le combinateur ~ sépare deux sélecteurs et cible le second élément seulement s'il est précédé par le premier et qu'ils partagent un parent commun.

Syntaxe

élément ~ élément { style propriétés }

Exemples

p ~ span {
  color: red;
}

Utilisé avec l'extrait de HTML suivant :

  <p>Voici un paragraphe.</p>
<code>Voici un peu de code.</code>
<span>Et voilà un span.</span>

Devrait donner le résultat suvant :

Voici un paragraphe.
Voici un peu de code. Et voilà un span.

Spécifications

Voir également

sélecteurs_d'enfants_adjacents

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : FredB
Dernière mise à jour par : FredB,
Masquer la barre latérale