Lescombinateurs CSS définissent les relations entre lessélecteurs. Ils permettent de sélectionner des éléments en fonction de leur relation avec d'autres éléments dans l'arbre du document.

Par exemple, pour mettre en forme uniquement les éléments de paragraphe qui sont des enfants directs d'un<div>, vous pouvez utiliser le combinateur d'enfant (>) :

/* Définit la marge supérieure sur les éléments <p> qui sont des enfants directs de <div> */div > p {  margin-top: 0;}

Syntaxe

/* Combine des sélecteurs pour exprimer des relations */selecteur1 combinateur selecteur2 {  propriete: valeur;}

Index des combinateurs

• Combinateur d'enfant (>)
• Combinateur de colonne (||)
• Combinateur de descendant (" ")
• Combinateur de d'élément suivant (+)
• Combinateur de d'éléments subséquents (~)

Voir aussi

• Le module desSélecteurs CSS
• Sélecteurs et combinateurs