החל מגרסה 63 של Chrome, אי אפשר להשתמש בבוררי הצללים ::shadow ו-/deep/ כדי לעצב תוכן בתוך שורש צל.
הקומבינטור /deep/ ישמש כבורר לצאצאים. x-foo /deep/ div
יפעל כמו x-foo div.
פסאודו-הרכיב ::shadow לא יתאים לאף רכיב.
ההחלטה להסיר
ה-::shadow וה-/deep/ הוצאו משימוש בגרסה 45 של Chrome. ההחלטה הזו התקבלה על ידי כל המשתתפים במפגש Web Components באפריל 2015.
הבעיה העיקרית בבוררים שמאפשרים לפרוץ לצללים היא שהם מפירים את האנקפסולציה ויוצרים מצבים שבהם הרכיב לא יכול לשנות יותר את ההטמעה הפנימית שלו.
אנחנו מקדמים את המפרט של CSS Shadow Parts כחלופה לסלקטורים של צללים חודרניים. החלקים בצל יאפשרו לכותבי רכיבים לחשוף רכיבים עם שם באופן ששומר על האנקפסולציה, ועדיין מאפשר לכותבי דפים לעצב כמה מאפיינים בו-זמנית.
מה צריך לעשות אם האתר משתמש ב-::shadow וב- /deep/?
הבוררים ::shadow ו-/deep/ משפיעים רק על רכיבים מדור קודם של Shadow DOM v0. אם אתם משתמשים ב-Shadow DOM v1, לא צריך לשנות שום דבר באתר.
אתם יכולים להשתמש ב-Chrome Canary כדי לוודא שהאתר שלכם לא מושפע מהשינויים החדשים האלה. אם תיתקלו בבעיות, נסו להסיר כל שימוש ב-::shadow וב-/deep/. אם קשה מדי להסיר את השימוש בבוררים האלה, כדאי לשקול לעבור מ-DOM צללי מקורי ל-DOM צללי polyfill. צריך לבצע את השינוי הזה רק אם האתר שלכם מסתמך על DOM צלילי מקורי בגרסה 0.
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2017-10-24 (שעון UTC)."],[],[]]
