Kod Araçları

CSS Selector Test

HTML kodunuz üzerinde CSS seçicilerini canlı olarak test edin. Eşleşen elementleri anında görün, sayısını öğrenin ve seçici söz dizimini hızlıca deneyin.

HTML Kodu
CSS Seçici
Seçici Referansı
.sınıfBelirtilen sınıfa sahip tüm elementleri seçer
#kimlikBelirtilen id'ye sahip elementi seçer
etiketBelirtilen HTML etiketine sahip tüm elementleri seçer
A > BA'nın doğrudan çocuğu olan B elementlerini seçer
A BA'nın içindeki tüm B elementlerini seçer (iç içe dahil)
[attr]Belirtilen özniteliğe sahip elementleri seçer
:first-childEbeveyninin ilk çocuğu olan elementleri seçer
:nth-child(n)Ebeveyninin n. çocuğu olan elementleri seçer
:not(X)X seçicisiyle eşleşmeyen elementleri seçer
A + BA'dan hemen sonra gelen kardeş B elementini seçer

Ne İşe Yarar?

CSS Selector Test aracı, HTML kodunuz üzerinde CSS seçicilerini canlı olarak denemenizi sağlar. Yazdığınız seçiciye uyan elementleri anında listeler, etiket adını, özniteliklerini ve metin içeriğini gösterir.

Web geliştirme, web scraping veya CSS öğrenirken seçicilerinizi hızlıca doğrulamak için idealdir. Hızlı seçici butonlarıyla yaygın kalıpları tek tıkla deneyebilirsiniz.

Sıkça Sorulan Sorular

Hangi CSS seçicileri destekleniyor?

Tarayıcının desteklediği tüm standart CSS seçicileri kullanılabilir. Sınıf, id, öznitelik, sözde sınıf (pseudo-class), birleştirici seçiciler ve daha fazlası desteklenir.

Karmaşık HTML yapılarında çalışır mı?

Evet. HTML kodu tarayıcının DOMParser arayüzüyle ayrıştırılır, bu nedenle geçerli tüm HTML yapıları desteklenir.