المساعدة في اختيار بنية تداخل CSS

بعد إجراء الاستطلاع السابق للمساعدة في اختيار بنية إدراج CSS، واصلت مجموعة عمل CSS النقاش حول أفضل طريقة لتحديد طريقة إدراج CSS. خلال المناقشات، تم اقتراح أفكار جديدة حول البنية. لمساعدة المجموعة العاملة على الاختيار بين أيّ من هذه البنى، يتوفّر استطلاع جديد.

الخيارات

استنادًا إلى نتائج الاستطلاع السابق، لم يعُد الخياران الأول والثاني قيد الاعتبار. تمت إضافة خيارَين جديدَين (أربعة وخمسة).

الخيار 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" والنقر على "إرسال".

الإدلاء بصوتك