אחרי שהפעלנו את הסקר הקודם שיעזור לבחור את התחביר של CSS Nesting, קבוצת העבודה של CSS המשיכה לבחון מהי הדרך הטובה ביותר להגדיר קינון ב-CSS. במהלך הדיונים הוצעו רעיונות חדשים לתחביר. יש סקר חדש כדי לעזור לקבוצת העבודה לבחור מבין התחבירים האלה.
האפשרויות
על סמך התוצאות של הסקר הקודם, כבר לא נביא בחשבון את האפשרות הראשונה והשתיים. נוספו שתי אפשרויות חדשות (ארבע וחמש).
אפשרות 5: מאגר קינון ברמה העליונה
נוצר כלל @nest ברמה העליונה שמכיל בלוק & { … } עם הצהרות ומספר כללי סגנון בתוך רכיב.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
אפשרות 4: הצעה לתיקון מאוחר
גוש קוד נוסף שמכיל את הכללים המקוננים יתווסף אחרי הכלל הראשי שמכיל את ההצהרות.
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' ולוחצים על 'שליחה'.