CSS :has()
"Ebeveyn seçici": bir öğeyi içerdiği şeye göre seçer. article:has(img) görsel içeren makaleleri eşleştirir.
2023'ten beri tüm modern tarayıcılarda kararlı (Chrome 105, Safari 15.4, Firefox 121). İçinde herhangi bir seçiciyle çalışır: li:has(> a.active), form:has(input:invalid), :has(+ p). Bir yığın JavaScript hilesini ortadan kaldırır ve sınıf manipülasyonu olmadan form stillendirmeyi mümkün kılar.
Performansı şaşırtıcı derecede iyi; tarayıcılar akıllı geçersiz kılma yapar. Tek gerçek dezavantaj, "ebeveyn çocuğu bilmez" düşünce kalıbını bırakmak zorunda olmanız.