أحد التفاصيل المهمة في فهم وتطبيق أوراق الأنماط المتتالية هو الجانب المتتالي من اسمها. بمعنى كيف يتعامل مع قواعد متعددة لنفس العنصر؟ سأقدم هذا الأسبوع خصائص CSS بالتفصيل وأعطي أمثلة.
أولوية
خصائص CSS لها أولوية أكبر من خصائص HTML. يمكنك استخدام سمات HTML في المتصفحات دون دعم CSS، ولكن إضافة دعم CSS إلى المتصفح لن يكون له أي تأثير. عند استخدام CSS، من المهم أن يكون لديك فهم عميق لأصل قاعدة CSS.
مصدر
عند النظر في تطبيق قواعد CSS، عادة ما يكون هناك جانبان. الأول هو القارئ، والذي يتوافق مع المستخدم الذي يشاهد تطبيق الويب من خلال المتصفح المفضل لديه. الجانب الثاني هو المؤلف، مطور الويب الفعلي الذي قام بتطوير تطبيق الويب.
يتم التعامل مع تفضيلات القارئ من قبل المستخدم، أي أنه يمكنه تطوير أوراق الأنماط الخاصة به ثم توزيعها عبر إعدادات المتصفح. على سبيل المثال، يمكن لمستخدمي متصفح الإنترنت IE 6 تحديد ورقة أنماط المستخدم عبر قائمة "الأدوات | خيارات الإنترنت" حتى يتمكنوا من استخدام ورقة الأنماط الخاصة بهم. يقوم مطورو الويب بتطوير CSS خاص بهم لتحديد القواعد وتطبيقها في صفحات الويب. وفي الوقت نفسه، غالبًا ما تحتوي المتصفحات على قواعد مدمجة.
تتالي
يشير الجانب المتتالي في اختصار CSS إلى عملية دمج القواعد واستبدالها بين المصادر المختلفة. عند استخدام أوراق أنماط متعددة في وقت واحد، فإن المحددات المحددة بواسطة كل ورقة أنماط تتنافس مع بعضها البعض للتحكم. تحدد القائمة التالية الترتيب الذي يتم به حل التعارضات بين محددات ورقة الأنماط، حيث يكون العنصر الأول هو الأكثر أهمية.
الأهمية: هل تم تعيين المحدد على أنه مهم؟
مصدر القاعدة: أين يتم تعريف القواعد؟
الخصائص: ما هي خصائص القاعدة؟
التسلسل: ما الذي تم تعريفه أخيرًا؟