The :only-of-typepemilih pseudo-kelas dalam CSS mewakili apa-apa unsur yang tidak mempunyai adik-beradik dari jenis yang diberikan.
p:only-of-type ( color: red; )Sekiranya tidak ada tag yang mendahului pemilih, ia akan sesuai dengan mana-mana tag (contohnya :only-of-type). Sekiranya pemilih lain mendahului, ia akan dipadankan berdasarkan jenis tag yang sesuai dengan pemilih. Contohnya .example:only-of-typeakan bersikap seperti p:only-of-typejika .examplediterapkan pada elemen perenggan.
Contoh Ringkas
Satu senarai hanya mengandungi satu item senarai. Senarai lain mengandungi tiga item senarai. Kita boleh menyasarkan item senarai yang bersendirian :only-of-type.
Walaupun mungkin itu bukan contoh terbaik, kerana :only-childia akan berfungsi dengan baik kerana item senarai adalah satu-satunya anak senarai yang mungkin. Jika kita menggunakan div sebagai gantinya, kita dapat menargetkan paragraf di dalam div jika itu satu-satunya perenggan, walaupun ada unsur lain di dalamnya.
Untuk Diingat
Sebagai keseronokan, anda boleh mencapai pilihan yang sama :only-of-typedengan :first-of-type:last-of-typeatau :nth-of-type(1):nth-last-of-type(1). Mereka menggunakan dua pemilih berantai, yang bermaksud kekhususannya dua kali ganda daripada :only-of-type.
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Sebarang | Sebarang | Sebarang | Sebarang | IE9 + | Sebarang | Sebarang |