CSS :only-child Pseudo-KLASSe

Definition und Verwendung

CSS :only-child Pseudo-KLASSen werden verwendet, um den Stil eines Elements zu wählen und zu setzen, das der einzige Kindselement seines übergeordneten Elements ist.

Beispiel

Geben Sie Stile für jeden <p>-, <li>- und <b>-Element an, das der einzige Kindselement seines übergeordneten Elements ist:

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

Probieren Sie es selbst aus

CSS-Syntax

:only-child {
  css-Aussagen;
}

Technische Details

Browser-Unterstützung

Die in der Tabelle angegebenen Zahlen bezeichnen die erste Browser-Version, die den Pseudo-CLASS vollständig unterstützt.