Sélecteur universel en CSS

Le sélecteur universel * permet de sélectionner tous les éléments.

Syntaxe

css* {
  
}

Exemple

Sélectionnons tous les éléments et colorons-les en rouge :

css* {
  color: red;
}

Exemple

Sélectionnons tous les éléments situés à l'intérieur de la balise div et colorons-les en rouge :

cssdiv * {
  color: red;
}

Exemple

Sélectionnons tous les éléments directement contenus dans la balise div et colorons-les en rouge :

cssdiv > * {
  color: red;
}

Exemple

Sélectionnons tous les éléments situés à l'intérieur d'une balise span, elle-même contenue dans n'importe quel élément, lui-même contenu dans une balise div :

cssdiv * span {
  color: red;
}

Voir aussi