אחרי הסקר הקודם שערכנו כדי לעזור בבחירת התחביר להטמעת עץ ב-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 ולוחצים על 'שליחה'.