The :only-of-typepemilih pseudo-kelas dalam CSS mewakili setiap elemen yang tidak memiliki saudara kandung dengan tipe ini.
p:only-of-type ( color: red; )Jika tidak ada tag sebelum selektor, itu akan cocok dengan semua tag (misalnya :only-of-type). Jika pemilih lain mendahuluinya, ini akan dicocokkan berdasarkan jenis tag yang cocok dengan pemilih. Misalnya .example:only-of-typeakan berperilaku seperti p:only-of-typejika .examplediterapkan pada elemen paragraf.
Contoh Sederhana
Satu daftar hanya berisi satu item daftar. Daftar lain berisi tiga item daftar. Kami dapat menargetkan item daftar yang sendirian dengan :only-of-type.
Meskipun mungkin itu bukan contoh terbaik, karena :only-childakan bekerja dengan baik di sana karena item daftar adalah satu-satunya turunan yang mungkin dari daftar. Jika kita menggunakan div, kita bisa menargetkan paragraf di dalam div jika itu satu-satunya paragraf, meskipun elemen lain juga ada di sana.
Untuk mencatat
Selain kesenangan, Anda bisa mendapatkan pilihan yang sama seperti :only-of-typedengan :first-of-type:last-of-typeatau :nth-of-type(1):nth-last-of-type(1). Mereka menggunakan dua selektor berantai, yang berarti spesifisitasnya dua kali lipat :only-of-type.
Dukungan Browser
| Chrome | Safari | Firefox | Opera | YAITU | Android | iOS |
|---|---|---|---|---|---|---|
| Apa saja | Apa saja | Apa saja | Apa saja | IE9 + | Apa saja | Apa saja |