CSS :only-child peiteklasseja

Määrittely ja käyttö

CSS :only-child Peiteklasseja käytetään valitsemaan ja asettamaan tyylejä kaikille elementeille, jotka ovat niiden isän elementin ainoita lapsia.

Esimerkki

Määritä tyyli kaikille <p>-, <li>- ja <b>-elementeille, jotka ovat niiden isän elementin ainoita lapsia:

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

Kokeile itse!

CSS-grammatiikka

:only-child {
  css-deklaratiot;
}

Tekninen yksityiskohta

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka täysin tukee tätä peiteklassea.