Pseudo-kelas :only-child CSS

Definisi dan penggunaan

CSS :only-child Pseudo-kelas digunakan untuk memilih dan menetapkan gaya bagi setiap elemen yang adalah anak tunggal elemen induknya.

Contoh

Tentukan gaya untuk setiap elemen <p>, <li>, dan <b> yang adalah anak tunggal elemen induknya:

p:only-child {
  warna latar: merah;
}
li:only-child {
  warna: salmon;
}
b:only-child {
  warna: hijau;
}

Coba sendiri

Gramatika CSS

:only-child {
  deklarasi css;
}

Detil teknis

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung pseudo-kelas ini penuh.