تعتمد CSS على قواعد مطابقة الأنماط لتحديد أي نمط ينطبق على العنصر الموجود في المستند. تسمى هذه الأنماط محددات وهي تتراوح من أسماء العلامات (على سبيل المثال ،
ص لتتناسب مع علامات الفقرة) إلى أنماط معقدة للغاية تطابق أجزاء محددة جدا من وثيقة (على سبيل المثال ،
p # myid> b.highlight سوف تتطابق مع أي
ب علامة مع فئة من
تسليط الضوء هذا هو طفل الفقرة مع معرف
myid).
محدد CSS هو جزء من استدعاء نمط CSS الذي يحدد أي جزء من صفحة الويب يجب أن يكون نصه. يحتوي المحدد على خاصية واحدة أو أكثر تحدد كيفية تنسيق HTML المحدد.
محددات CSS
هناك عدة أنواع مختلفة من المحددات:
- نوع المحددات - مطابقة عنصر محدد
- محددات الصف - مطابقة العناصر مع فئة معينة
- محددات الهوية - مطابقة العنصر مع معرف محدد
- محددات descendant - مطابقة العناصر المنحدرة لعنصر معين
- محددات الطفل - مطابقة العناصر التي هي طفل عنصر محدد
- المحددات العالمية - مطابقة أي عنصر
- محددات الأخوة المجاورة - عناصر مطابقة مسبوقة مباشرة بعنصر معين
- محددات السمات - مطابقة العناصر مع سمة معينة أو قيمة سمة
- محددات pseudo-class - مطابقة العناصر مع فئة pseudo محددة
- محددات pseudo-element - مطابقة العناصر مع خصائص عنصر زائف معينة
تنسيق أنماط CSS واختيارات CSS
يبدو شكل نمط CSS كما يلي:
selector {style property: style؛ }
قم بفصل محددات متعددة لها نفس النمط باستخدام الفواصل. وهذا ما يسمى التجميع المحدد. فمثلا:
selector1 , selector2 {style property: style؛ }
تعد أدوات تحديد التجميع آلية مختصرة للاحتفاظ بأنماط CSS مضغوطة. سيكون للتجمع المذكور أعلاه نفس التأثير كما يلي:
selector1 {style property: style؛ }selector2 {style property: style؛ } لا تدعم جميع المتصفحات جميع أدوات اختيار CSS. لذا تأكد من اختبار محدداتك في أي عدد من المتصفحات على أكبر عدد ممكن من أنظمة التشغيل. ولكن إذا كنت تستخدم CSS1 أو CSS2 ، فيجب أن تكون بخير. دائما اختبار الخاص بك مختارات CSS
