combinateur d'élément fils CSS (>)

Définition et utilisation

Combinateur d'élément fils CSS (>) est utilisé pour sélectionner les éléments qui sont des éléments directs descendants d'un élément parent spécifique.

L'élément correspondant au second sélecteur doit être un élément direct descendant de l'élément correspondant au premier sélecteur.

Remarque :Les éléments qui ne sont pas des éléments directs descendants de l'élément parent spécifié ne seront pas sélectionnés.

Exemple

Définir et appliquer le style de chaque élément <p> qui est un élément direct descendant de l'élément <div> :

div > p {
  background-color: gold;
  border: 1px solid gray;
}

Essayez-le vous-même

Grammaire CSS

element1 > element2 {
  déclarations CSS;
}

Détails techniques

Version : CSS2

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge cette combinaison.

Chrome Edge Firefox Safari Opéra
support 7.0 support support support

pages associées

tutoriel CSS :sélecteur d'élément fils CSS