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