Bir ebeveyn elemanı, içerdiği çocuk elemanın varlığına veya durumuna göre stilize etmeyi sağlayan devrimsel CSS sözde sınıfıdır (Parent Selector).
\n\nNasıl Çalışır ve Temel Prensipleri Nelerdir?
\ncard:has(img) { ... } veya form:has(:invalid) { ... } kurallarıyla JavaScript'e gerek kalmadan ebeveyn seçilir.
\n\nNeden Kritik Öneme Sahiptir?
\nYıllardır sadece JavaScript ile yapılabilen ebeveyn manipülasyonlarını saf CSS ile ışık hızında yapmayı sağlar.
\n\nEn İyi Uygulama ve Kullanım İpuçları
\nFormlarda hata olduğunda form kutusunun kenarını kırmızı yapmak gibi senaryolarda :has() kullanın.
\n\nSık Yapılan Hatalar ve Kaçınılması Gerekenler
\nAşırı derin ve karmaşık :has() seçicileri zincirleyerek büyük sayfalarda render performansını düşürmek.
Sıkça Sorulan Sorular (SSS)
CSS :has() Seçicisi Nedir? (Ebeveyn Seçici) hakkında en sık yöneltilen sorular ve mühendislik ekibimizin uzman yanıtları:
Chrome, Safari, Firefox ve Edge'in tüm güncel sürümleri tam destekler.
İçerik durumuna göre ebeveyne sınıf (class) ekleyip çıkarma JS kodlarını tamamen çöpe atar.