Uzun seçici listelerini tek parantezde toplayarak kod kalabalığını önleyen ve CSS özgüllüğünü (specificity) kontrol eden modern seçicilerdir.
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\n:is(header, main, footer) p { ... } şeklinde yazılarak onlarca satırlık tekrar eden seçiciler tek satıra indirilir.
\n\nNeden Kritik Öneme Sahiptir?
\nCSS dosya boyutunu küçültür; :where() özgüllüğü sıfır (0) yaptığı için stillerin sonradan kolayca ezilebilmesini sağlar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nTasarım sistemlerinde varsayılan stilleri tanımlarken kolayca ezilebilmesi için :where() tercih edin.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\n:is() kullanırken içindeki en yüksek özgüllüğe sahip seçicinin tüm kuralın puanını yükselttiğini unutmak.
Sıkça Sorulan Sorular (SSS)
CSS :is() ve :where() Nedir? (Toplu Seçici Kısaltması) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
:is() parantez içindeki en güçlü seçicinin özgüllük puanını alır; :where() ise her zaman sıfır (0) puan alır.
50 satırlık karmaşık başlık ve buton seçicilerini 3 satıra düşürür.