The :rootpemilih membolehkan anda untuk mensasarkan peringkat tertinggi "ibu bapa" elemen dalam DOM, atau pokok dokumen. Ini didefinisikan dalam spesifikasi CSS Selectors Level 3 sebagai "kelas pseudo struktural", yang bermaksud digunakan untuk menggayakan konten berdasarkan hubungannya dengan kandungan ibu bapa dan saudara kandung.
Dalam sebilangan besar kes yang mungkin anda hadapi, :rootmerujuk pada elemen dalam laman web. Dalam dokumen HTML htmlelemen akan selalu menjadi ibu bapa tahap tertinggi, sehingga tingkah laku :rootdapat diramalkan. Namun, kerana CSS adalah bahasa gaya yang dapat digunakan dengan format dokumen lain, seperti SVG dan XML, kelas :rootpseudo dapat merujuk pada elemen yang berlainan dalam hal tersebut. Terlepas dari bahasa markup, :rootakan selalu memilih elemen teratas dokumen di pohon dokumen.
Dalam contoh di bawah, :rootpemilih kelas pseudo digunakan untuk membuat warna latar belakang elemen. Dalam kes ini, kesan yang sama dapat dicapai dengan menggunakan htmlpemilih elemen di CSS kami.
Tempat Menarik
- Walaupun
:rootpemilih danhtmlpemilih menargetkan elemen HTML yang sama, mungkin berguna untuk mengetahui bahawa:rootsebenarnya mempunyai kekhususan yang lebih tinggi. Pemilih kelas pseudo (tetapi bukan elemen pseudo) mempunyai kekhususan yang sama dengan kelas, yang lebih tinggi daripada pemilih elemen asas.
Sokongan Penyemak Imbas
| Chrome | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| ya | ya | ya | 9.5+ | IE9 + | ya | ya |