Combinateurs¶

Les combinateurs sont des caractères séparant deux sélecteur et exprimant une relation entre ceux-ci. Il existe quatre combinateurs : descendant, enfant, frère et frère adjacent.

Avertissement

Il est important de noter que les combinateurs diminuent la réutilisabilité du sélecteur, augmente sa spécificité et portent ainsi atteinte à la maintenabilité du code. [1]

sélecteur clé¶

Lorsque vous utilisez des combinateurs, il est important de noter que la sélection se fera de droite à gauche, le sélecteur le plus à droite étant appelé sélecteur clé (key selector).

/*
   Dans cet exemple, on ne sélectionne pas les éléments de class qqch
   puis tous les éléments qu'ils contiennent.

   On sélectionne tous les éléments, et on ne garde que ceux contenus dans un élément de classe qqch
*/
.qqch * {
   margin: 0;
}

liste des combinateurs

[1]	Harry Roberts, CSS Guidelines, cssguidelin.es. Web 13 Mar. 2017.