Chrome 63'ten itibaren, gölge kökü içindeki içeriğe stil uygulamak için gölgeyi delen seçicileri ::shadow
ve /deep/
kullanamazsınız.
/deep/
birleşim aracı, alt öğe seçici görevi görür.x-foo /deep/ div
x-foo div
gibi çalışır.::shadow
sözde öğesi hiçbir öğeyle eşleşmez.
İçerik kaldırma kararı
::shadow
ve /deep/
için destek Chrome 45 sürümünde sonlandırıldı. Bu karar, Nisan 2015 Web Bileşenleri buluşmasının tüm katılımcıları tarafından alındı.
Gölge delme seçicilerle ilgili birincil endişe, bunların kapsüllemeyi ihlal etmesi ve bir bileşenin artık dahili uygulamasını değiştiremediği durumlar yaratmasıdır.
CSS Gölge Parçaları spesifikasyonu, gölge delme seçicilerine alternatif olarak geliştirilmektedir. Gölge parçalar, bileşen yazarlarının adlandırılmış öğeleri kapsamayı koruyacak şekilde göstermesine ve sayfa yazarlarının birden fazla mülke aynı anda stil uygulamaya devam etmesine olanak tanır.
Sitemde ::shadow ve /deep/ kullanılıyorsa ne yapmalıyım?
::shadow
ve /deep/
seçicileri yalnızca eski Gölge DOM v0 bileşenlerini etkiler. Shadow DOM v1 kullanıyorsanız sitenizde herhangi bir değişiklik yapmanız gerekmez.
Sitenizin bu yeni değişikliklerden etkilenmediğini doğrulamak için Chrome Canary'ı kullanabilirsiniz. Sorun yaşamanız durumunda ::shadow
ve /deep/
kullanımlarını kaldırmayı deneyin. Bu seçicileri kaldırmak çok zorsa yerel gölge DOM'dan gölge DOM polyfill'ine geçmeyi düşünebilirsiniz. Bu değişikliği yalnızca siteniz doğal gölge DOM v0'dan yararlanıyorsa yapmanız gerekir.