אחרי הסקר הקודם שערכנו כדי לעזור בבחירת התחביר להטמעת עץ ב-CSS, קבוצת העבודה של CSS המשיכה לדון לגבי הדרך הטובה ביותר להגדיר הטמעת עץ ב-CSS. במהלך הדיונים הוצעו רעיונות חדשים לסינטקס. כדי לעזור לקבוצת העבודה לבחור בין התחבירים האלה, יש סקר חדש.
האפשרויות
על סמך תוצאות הסקר הקודם, האפשרויות הראשונה והשנייה לא נלקחות יותר בחשבון. נוספו שתי אפשרויות חדשות (ארבע ו-5).
אפשרות 5: מאגר עץ ברמה העליונה
הוספת כלל @nest
ברמה העליונה שמכיל בלוק & { … }
עם הצהרות ומספר כללי סגנון בתצוגת עץ.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
אפשרות 4: הצעה ל-Postfix
אחרי הכלל הראשי שמכיל את ההצהרות, מוכנס בלוק קוד נוסף שמכיל את הכללים ההיררכיים.
selector {
property: value;
} {
nested-selector {
property: value;
}
}
אפשרות 3: הצעה לתחילת שם שאינה אות
כל כלל בתצוגת עץ צריך להיות ברור בפני עצמו, על ידי דרישה שהוא יתחיל בתו שאינו סמל. אפשר לכתוב & div
או :is(div)
אם צריך להתחיל בוחר עם בוחר סוג.
selector {
property: value;
& nested-selector {
property: value;
}
}
קטעי הקוד שלמעלה משמשים רק להמחשת העקרונות הבסיסיים של כל הצעה, אבל יש דוגמאות רבות נוספות שכלולות בסקר החדש.
מה תהיה הצבעתך?
כדי להצביע, אפשר להיכנס לכתובת https://webkit.org/blog/13607/. אין צורך להירשם כדי להצביע. בוחרים באפשרות 5, באפשרות 4 או באפשרות 3 ולוחצים על 'שליחה'.