Pseudo-kelas :only-of-type CSS

Definisi dan penggunaan

CSS :only-of-type Pseudo-kelas digunakan untuk mencocokkan setiap elemen yang muncul secara tunggal sebagai anak jenis yang sama dari elemen induk.

Contoh

Tentukan gaya untuk setiap elemen <p>, <li>, dan <b> yang muncul secara tunggal sebagai anak jenis yang sama dari elemen induk:

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

Coba sendiri

Sintaks CSS

:only-of-type {
  pernyataan css;
}

Detil teknis

Dukungan browser

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