بعد أن أجرينا الاستطلاع السابق للمساعدة في اختيار بنية دمج CSS، واصلت مجموعة عمل CSS المناقشة حول أفضل طريقة لتحديد التداخل في CSS. خلال المناقشات تم اقتراح أفكار بناء جملة جديدة. لمساعدة مجموعة العمل على الاختيار من بين أي من بناءات الجملة هذه، هناك استبيان جديد.
الخيارات
استنادًا إلى نتائج الاستطلاع السابق، لم نعد يتم النظر في الخيارَين الأول والثاني. وقد تمت إضافة خيارين جديدين (أربعة وخمسة).
الخيار 5: حاوية التداخل ذات المستوى الأعلى
تقدِّم قاعدة @nest ذات مستوى أعلى تحتوي على كتلة & { … } مع تعريفات وقواعد أنماط مدمَجة متعددة.
@nest selector {
& {
property: value;
}
nested-selector {
property: value;
}
}
الخيار الرابع: اقتراح لاحق
يتم إدراج كتلة رموز إضافية تحتوي على القواعد المتداخلة بعد القاعدة الرئيسية التي تحتوي على التعريفات.
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" ثم النقر على "إرسال".