مفهوم المحددات Selectors والمجمعات في لغة البرمجة CSS وطريقة بناءها

مفهوم المحددات Selectors في لغة البرمجة CSS وطريقة بناءها

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

أنواع المحددات Selectors في لغة البرمجة CSS

محددات الأنواع – Type Selectors

ويستخدم هذا النوع من المحددات لمطابقة العناصر وفق اسم معين، أي أنه يقوم بتحديد جميع العناصر من النوع المحدد داخل المستند، مثال على ذلك:

/* All <a> elements. */ a { color: red; }

محددات الأصناف – Class Selectors

يتم استخدام هذا النوع من المحددات لتحديد العناصر وفق قيمة (Class) معين تابع لها، حيث يمكن للمستخدم عند استخدامها تطبيق النمط على كافة العناصر التي تحمل نفس القيمة للكلاس المعين.

محددات الخاصيات- Attribute selectors

يستخدم هذا المحددات لتحديد العناصر التي تحتوي على خاصية محددة أو إذا كانت تحتوي على خاصية وهذه الخاصية تحوي قيمة معينة كما في المثال التالي:

[name] {   background-color: green; } [name="age"] {   background-color: red;

محددات المُعرفات – ID selectors

يستخدم هذا المحددات في لغة البرمجة (css) لتحديد العناصر وفق قيمة خاصية محددة وهي (ID) الخاص بالعنصر في هذا المحدد يجب أن يتم مطابقة اسمه مع قيمة الخاصية (id) بشكل كامل.

المحدد العام – Universal selector

ويستخدم هذا النوع من المحددات لتحديد جميع العناصر المطلوبة.

المجمعات Combinators في لغة البرمجة CSS

الهدف الرئيسي من استخدام المجمعات في لغة البرمجة (CSS) هو تجميع عدة محددات (Selectors) ومن مختلف الأنواع ومن ثم وربطها مع بعضها البعض للحصول على محدد أكثر وضوح ودقة وحسب متطلبات المستخدم.