اعتبارًا من الإصدار 63 من Chrome، لا يمكنك استخدام عنصرَي الاختيار لتحديد العناصر التي تُظهر الظل ::shadow
و/deep/
لتنسيق المحتوى داخل جذر الظل.
- سيعمل مجمِّع
/deep/
كأداة اختيار للعناصر اللاحقة.x-foo /deep/ div
ستعمل مثلx-foo div
. - لن يتطابق العنصر النائب
::shadow
مع أي عناصر.
قرار الإزالة
تم إيقاف ::shadow
و/deep/
نهائيًا في الإصدار 45 من Chrome. تم التصويت على هذا الإجراء من قِبل جميع المشاركين في اجتماع Web Components في نيسان (أبريل) 2015.
يتمثل القلق الأساسي بشأن أدوات الاختيار التي تُظهر العناصر في الخلفية في أنّها تنتهك التضمين وتؤدي إلى حدوث حالات يتعذّر فيها على المكوّن تغيير تنفيذه الداخلي.
يتم تطوير مواصفات أجزاء الظل في CSS كبديل لأدوات اختيار العناصر التي تتخلّل الظل. ستسمح ميزة "أجزاء الظل" لمؤلف المكوّن بعرض عناصر مُسمّاة بطريقة تحافظ على التضمين وتسمح لمؤلفي الصفحات بتنسيق عدة خصائص في الوقت نفسه.
ما الذي يجب فعله إذا كان موقعي الإلكتروني يستخدم ::shadow و /deep/؟
لا يؤثر عنصرَا الاختيار ::shadow
و/deep/
إلا في مكونات الإصدار 0 من Shadow DOM
القديمة. إذا كنت تستخدم الإصدار 1 من Shadow DOM، لن تحتاج إلى تغيير
أي شيء على موقعك الإلكتروني.
يمكنك استخدام Chrome Canary للتأكّد من أنّ موقعك الإلكتروني لا يتعطّل بسبب هذه التغييرات الجديدة. إذا لاحظت حدوث مشاكل،
جرِّب إزالة أي استخدام لرمزَي ::shadow
و/deep/
. إذا كان من الصعب جدًا
إزالة استخدام هذه المحدّدات، ننصحك بالتبديل من shadow DOM الأصلي إلى
البديل shady DOM polyfill. لن تحتاج إلى إجراء هذا التغيير إلا إذا كان موقعك الإلكتروني
يعتمد على الإصدار 0 من تقنية shadow DOM الأصلية.