Pseudo-classe :only-child de CSS

Définition et utilisation

CSS :only-child Les pseudo-classes sont utilisées pour sélectionner et définir les styles pour tout élément qui est l'unique enfant de son élément parent.

Exemple

Définir les styles pour tout élément <p>、<li> et <b> qui est l'unique enfant de son élément parent :

p:only-child {
  background-color: red;
}
li:only-child {
  color: salmon;
}
b:only-child {
  color: green;
}

Essayez-le vous-même

Grammaire CSS

:only-child {
  déclarations css;
}

Détails techniques

Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge ce pseudo-classe en pleine mesure.