Le combinateur > sépare deux sélecteurs et cible seulement les éléments correspondant au second sélecteur qui sont des enfants directs des éléments ciblés par le premier sélecteur.

/* Les éléments <li> qui sont des enfant d'un */
/* <ul class="mon-truc"> */
ul.mon-truc>li {
  margin: 2em;
}

En comparaison, lorsque deux sélecteurs sont combinés à l'aide du sélecteur descendant, l'expression formée par la combinaison des deux sélecteurs cible les éléments correspondant au second sélecteur qui ont un parent de n'importe quel niveau qui correspond au premier sélecteur, quelque soit le nombre de « sauts » dans le DOM.

Syntaxe

selecteur1 > selecteur2 { déclarations CSS }

Exemples

CSS

span {
  background-color: white;
}

div > span {
  background-color: blue;
}

HTML

<div>
  <span>Premier span du div.
    <span>Deuxième span, dans un span dans un div.</span>
  </span>
</div>
<span>Troisième span, en dehors de tout div.</span>

Résultat

Spécifications

Spécification État Commentaires
Selectors Level 4
La définition de 'child combinator' dans cette spécification.
Version de travail  
Selectors Level 3
La définition de 'child combinators' dans cette spécification.
Recommendation Aucune modification.
CSS Level 2 (Revision 1)
La définition de 'child selectors' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome Support complet 1Edge Support complet 12Firefox Support complet 1IE Support complet 7Opera Support complet OuiSafari Support complet OuiWebView Android Support complet OuiChrome Android Support complet OuiEdge Mobile Support complet OuiFirefox Android Support complet 4Opera Android Support complet OuiSafari iOS Support complet OuiSamsung Internet Android Support complet Oui

Légende

Support complet  
Support complet

Étiquettes et contributeurs liés au document

Étiquettes : 
Contributeurs à cette page : SphinxKnight, teoli, FredB, tregagnon
Dernière mise à jour par : SphinxKnight,