:rootSeçici DOM en yüksek düzey “üst” eleman veya belge ağacını hedef sağlar. CSS Seçiciler Seviye 3 spesifikasyonunda "yapısal sözde sınıf" olarak tanımlanmıştır, yani içeriği ana ve kardeş içeriğiyle olan ilişkisine göre biçimlendirmek için kullanılır.
Karşılaşabileceğiniz vakaların ezici çoğunluğunda, bir web sayfasındaki öğeye :rootatıfta bulunur . Bir HTML belgesinde, htmlöğe her zaman en üst düzey üst öğe olacaktır, dolayısıyla davranışı :roottahmin edilebilirdir. Bununla birlikte, CSS, SVG ve XML gibi diğer belge biçimleriyle kullanılabilen bir stil dili olduğundan, :rootsözde sınıf bu durumlarda farklı öğelere başvurabilir. Biçimlendirme dilinden bağımsız olarak, :roother zaman belgenin belge ağacında en üstteki öğesini seçecektir.
Aşağıdaki örnekte, :rootsözde sınıf seçici, öğenin arkasında bir arka plan rengi oluşturmak için kullanılır . Bu durumda, htmlbunun yerine CSS'mizdeki öğe seçici kullanılarak aynı etki elde edilebilir .
İlgi noktaları
- İken
:rootselektör vehtmlseçici hem aynı HTML öğelerini hedeflemek, bunu bilmek yararlı olabilir:rootaslında daha yüksek bir özgünlük vardır. Sözde sınıf seçiciler (ancak sözde öğeler değil), temel öğe seçiciden daha yüksek olan bir sınıfınkine eşit bir özgüllüğe sahiptir.
Tarayıcı Desteği
| Krom | Safari | Firefox | Opera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| Evet | Evet | Evet | 9.5+ | IE9 + | Evet | Evet |