الخلاصة

  • اقترحت أول مسودة عامة من CSS Cascade Level 6 في ديسمبر 2021 قاعدة @scope لتحديد مجال الأنماط والنظر في قرب جذر المجال؛ وكانت تضيف آنذاك وزن محدد الجذر إلى القواعد داخله.
  • فصلت مسودتا 2023 و2024 بين المجال والوزن. يحدد الجذر أين تعمل القاعدة، ولا يمنحها تلقائياً خصوصيته، ويؤدي القرب دوره في موضعه المحدد من ترتيب CSS.

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

وضعت أول مسودة W3C عامة في 21 ديسمبر 2021 هذا المثال المزدحم بعلامات data-scope إلى جانب فكرة @scope. يختار المؤلف جذر المجال وربما حده السفلي، ثم يكتب قواعد عادية داخله. وناقشت المسودة قرب الجذر: عندما تصل قاعدتان محدودتان إلى العنصر نفسه، يستطيع المتصفح عدّ خطوات شجرة العناصر لمعرفة الجذر الأقرب. تصير المسافة حساباً مشتركاً، لا طريقاً طويلاً يُكتب كل مرة داخل المحدد.

لكن السور المبكر كان يمنح امتيازات لأهل البيت. في نسخة 2021 كانت خصوصية محدد الجذر تضاف إلى خصوصية القواعد الداخلية. إذا بدأ المجال عند #hero، فإن قاعدة بسيطة لـimg تحمل أيضاً ثقل المعرّف. لوحة الباب تحولت إلى وسام يعلّق على كل قطعة أثاث. وكانت قوة القرب في ترتيب التعارض لا تزال موضع نقاش. قراءة تاريخ الميزة تقتضي الانتباه إلى حساب كل مسودة، لا الاكتفاء بتشابه شكل @scope بينها.

غيّرت مسودة 21 مارس 2023 تلك المعادلة. قارن النص @scope (#hero) { img { ... } } بـ:where(#hero) img { ... } وأعطى كليهما درجة (0,0,1). يحدد #hero موضع الجذر؛ أما img فهو ما يضيف الوزن في القاعدة الداخلية. أصبح الباب يحدد عنوان العمل من دون أن يجعل كل من في الداخل أعلى رتبة من الجيران. تستطيع البطاقة الصغيرة تعديل لون زرها بأدوات عادية.

وتسمح صيغة to (...) للقاعدة الخارجية بأن تتوقف عند حد منطقة متداخلة. تصل فرشاة اللون الأزرق إلى العتبة وتترك الزر الداخلي لصاحبه. وإذا تداخل مجالان ووصلت قاعدتاهما إلى العنصر نفسه، ينظر ترتيب CSS إلى قرب كل جذر في المرحلة المخصصة لذلك. المقصود عدد الخطوات في الشجرة، لا المسافة المرسومة على الشاشة. لا يصبح الجار الأقرب صاحب سلطة فوق كل مصدر أو طبقة أو إعلان مهم.

أوضحت مسودة 6 سبتمبر 2024 أن العنصر الذي يطابق الحد السفلي يقع خارج المجال، وأن القرب قياس واحد بين جذر محدد والعنصر الخاضع للقاعدة. وسجلت إزالة خيار القرب القوي وإزالة إضافة خصوصية الجذر التي كانت في التصور الأول. وهناك تفصيل يمنع سوء الفهم: تظل الأسماء التي تعرفها @keyframes و@font-face و@layer عامة حتى إن كُتبت داخل @scope، بينما تخضع قواعد الأنماط المحتواة للحدود. السور ينظم تطبيق الطلاء، ولا يؤسس دولة مستقلة لكل أسماء CSS.

تثبت صفحة تاريخ W3C مواعيد 2021 و2023 و2024، وتصف مذكرة مجموعة عمل CSS لعام 2024 @scope بأنه العمل الجديد في هذا المستوى. القصة أعمق من رسم خط حول القواعد: رُسم الخط أولاً، ثم أُزيل منه وزن لم يكن لازماً، ثم عُرّفت المسافة التي يمكن أن تفصل بين الجيران. تحتفظ البطاقة الكبيرة بأزرارها الزرقاء، وتختار الصغيرة لون زرها بنفسها.