CSS :only-child pseudo-klasser

Definition og brug

CSS :only-child Pseudo-klasser bruges til at vælge og sætte stil på ethvert element, der er den eneste barn af sin forældreelement.

Eksempel

Tilføj stil til ethvert <p>, <li> og <b>-element, der er den eneste barn af sin forældreelement:

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

Prøv det selv

CSS-syntaks

:only-child {
  css-udtryk;
}

Tekniske detaljer

Browserunderstøttelse

Tabelens tal angiver den første browserversion, der fuldt ud understøtter denne pseudo-klasser.