يتم إعداد Cascading Style Sheets أو CSS بحيث يمكنك الحصول على العديد من الخصائص التي تؤثر على نفس العنصر. بعض هذه الخصائص قد تتعارض مع بعضها البعض. على سبيل المثال ، قد تقوم بتعيين لون خط أحمر على علامة الفقرة ، ثم في وقت لاحق ، تعيين لون خط أزرق. كيف يعرف المتصفح اللون الذي يجب عليه عمل الفقرات؟ هذا ما تقرره سلسلة.
أنواع أوراق الأنماط
هناك ثلاثة أنواع مختلفة من أوراق الأنماط:
- أوراق نمط المؤلف
- هذه أوراق أنماط تم إنشاؤها بواسطة مؤلف صفحة الويب. هم ما يفكر فيه معظم الناس عندما يفكرون في أوراق أنماط CSS.
- أوراق أنماط المستخدم
- يتم تعيين أوراق أنماط المستخدم بواسطة مستخدم صفحة الويب. هذه تسمح للمستخدم بمزيد من التحكم في كيفية عرض الصفحات.
- أوراق أنماط وكيل المستخدم
- هذه هي الأنماط التي ينطبق عليها متصفح الويب على الصفحة للمساعدة في عرض تلك الصفحة. على سبيل المثال ، في XHTML ، تعرض معظم وكلاء المستخدم المرئي علامة نص مائل. يتم تعريف ذلك في ورقة أنماط عامل المستخدم.
يتم إعطاء خصائص المعرفة في كل من أوراق الأنماط أعلاه وزناً. بشكل افتراضي ، تحتوي ورقة أنماط المؤلف على أقصى قدر من الوزن ، متبوعةً بورقة أنماط المستخدم ، وأخيراً بواسطة ورقة أنماط عامل المستخدم. الاستثناء الوحيد لهذا هو القاعدة المهمة في ورقة أنماط المستخدم. هذا له وزن أكثر من ورقة الأنماط للمؤلف.
الترتيب المتتالي
لحل التعارضات ، تستخدم متصفحات الويب ترتيب الفرز التالي لتحديد النمط الذي له الأسبقية وسيتم استخدامه:
- أولاً ، ابحث عن كافة التعريفات التي تنطبق على العنصر المعني ، ونوع الوسائط المعين.
- ثم انظر إلى ورقة الأنماط التي تأتي منها. كما ورد أعلاه ، تأتي أوراق أنماط المؤلف أولاً ، ثم المستخدم ، ثم وكيل المستخدم. أنماط المستخدم الهامة لها أسبقية أعلى من المؤلف!
- كلما كان المحدد أكثر تحديدًا ، كلما زادت الأسبقية. على سبيل المثال ، سيكون للأسلوب في "div.co p" أسبقية أعلى من علامة "p" فقط.
- أخيرًا ، قم بفرز القواعد حسب الترتيب الذي تم تعريفه به. القواعد التي يتم تحديدها لاحقاً في شجرة الوثيقة لها أسبقية أعلى من تلك المعرفة سابقاً. ويتم اعتبار القواعد من ورقة أنماط مستوردة قبل القواعد مباشرة في ورقة الأنماط.