الأقواس في محددات CSS

هل يمكن دمج الأقواس في محددات CSS؟ على وجه التحديد، في حالة استهداف رأس بالنص "Blockhead"، هل يمكن كتابة المحدد بالشكل (.gumby > .pokey) h3؟

الاستخدام المقيد للأقواس

الأقواس ليست كذلك عوامل صالحة في محددات CSS. وهي محجوزة للرموز الوظيفية، مثل :lang() و :not() و :nth-child().

بديل للأقواس في علاقات الأخوة

في المثال المقدم، الأقواس غير ضرورية. يعتبر المحدد .gumby > .pokey h3 كافيًا لتحديد الرأس المطلوب.

تتم قراءة محددات CSS خطيًا. لا تتمتع أدوات الدمج، مثل ">" و" " المستخدمة في هذا المحدد، بالأولوية. يمكن تفسير المحدد على النحو التالي:

• حدد عنصر h3
• الذي يتبع مباشرة عنصرًا بالفئة "pokey"
• هذا هو فرع من عنصر مع الفئة "gumby"

نظرًا لأن كلاً من عنصر .pokey وعنصر h3 هما عناصر فرعية لعنصر .gumby في بنية HTML المتوفرة، فإن هذا سيستهدف المحدد بشكل صحيح الرأس الذي يحتوي على النص "Blockhead".