تقنية

محدد السمة في ⁦CSS⁩: هل ⁦|=⁩ و⁦^=⁩ يختاران القيم نفسها؟

pack وpack-a يطابقان الشرطين؛ packet البادئة فقط؛ unpack لا يطابق.
تطبيق الشروط على قيمنا.

اختبر شرط المطابقة.

الخلاصة السريعة

لا؛ |= يشترط المساواة أو الواصلة بعد القيمة، بينما ^= يختبر البادئة.

  • |= يقبل القيمة نفسها أو ما تتبعه واصلة.
  • ^= يقبل أي بداية مطابقة غير فارغة.
  • packet يميز الشرطين في مثالنا.
  • سمة المثال لا تحدد لغة النص.

شرطان مختلفان

تصف المسودة شرطين في 6.1 و6.2: الواصلة والبادئة. ليس كل نص يبدأ بالقيمة مفصولًا عنها بواصلة.

أربع قيم مؤلفة

نقارن [data-code|="pack"] و[data-code^="pack"]. طبقنا الشرطين على pack وpack-a وpacket وunpack. الأول يقبل أول قيمتين، والثاني أول ثلاث؛ لا يقبل أيهما unpack.

حدود المثال

تحققنا من شروط السلاسل برمجيًا، دون محرك CSS أو اختبار وراثة لغة. data-code اصطناعية.

المصادر ومتابعة القراءة

  1. W3C — Selectors 4، مسودة: 6.1 و6.2 (يفتح في نافذة جديدة)w3.org

أُعدّ هذا المقال بصياغة عربية أصلية بالاستناد إلى المصادر أعلاه، وهو مدخل تمهيدي إلى الموضوع. اقرأ منهجية المحتوى وحدوده.