من أفضل الطرق لتعلم كيفية ترميز مواقع الويب هي إلقاء نظرة على ملف أكواد المصدر من المواقع الأخرى. هذه الممارسة هي كيف تعلم العديد من محترفي الويب حرفتهم ، خاصة في الأيام التي سبقت وجود العديد من الخيارات لـ تصميم الويب الدورات والكتب ومواقع التدريب عبر الإنترنت.
إذا جربت هذه الممارسة وألقيت نظرة على أوراق الأنماط المتتالية لموقع ما ، فإن الشيء الوحيد الذي قد تراه في هذا الرمز هو السطر الذي يقول !مهم. يغير هذا المصطلح أولوية المعالجة داخل ورقة الأنماط.
تتالي من CSS
أوراق الأنماط المتتالية تفعل بالفعل تتالي، مما يعني أنها مرتبة في ترتيب معين. بشكل عام ، يتم تطبيق الأنماط بترتيب قراءتها بواسطة المستعرض. يتم تطبيق النمط الأول ثم الثاني ، وهكذا.
نتيجة لذلك ، إذا ظهر نمط في أعلى ورقة أنماط ثم تم تغييره لأسفل في المستند ، فإن المثيل الثاني من هذا النمط هو المثال المطبق في الحالات اللاحقة ، وليس الأول. بشكل أساسي ، إذا كان هناك نمطين يقولان نفس الشيء (مما يعني أنهما لهما نفس مستوى الخصوصية) ، فسيتم استخدام آخر أسلوب تم إدراجه.
على سبيل المثال ، دعنا نتخيل أن الأنماط التالية موجودة في ورقة أنماط. سيتم عرض نص الفقرة باللون الأسود ، على الرغم من أن خاصية النمط الأولى المطبقة باللون الأحمر. هذا بسبب إدراج القيمة "السوداء" في المرتبة الثانية. نظرًا لأن CSS تتم قراءتها من أعلى إلى أسفل ، فإن النمط النهائي هو "أسود" وبالتالي يفوز هذا النمط.
ع {اللون: أحمر ؛ }
ع {اللون: أسود ؛ }
كيف! مهم يغير الأولوية
ال !مهم يؤثر التوجيه على طريقة تعاقب CSS أثناء اتباع القواعد التي تشعر أنها الأكثر أهمية ويجب تطبيقها. يتم دائمًا تطبيق القاعدة التي تحتوي على هذا التوجيه بغض النظر عن مكان ظهور هذه القاعدة في مستند CSS.
لجعل نص الفقرة أحمر دائمًا ، من المثال السابق ، قم بتغيير النمط على النحو التالي:
ص {اللون: أحمر! مهم ؛ }
ع {اللون: أسود ؛ }
الآن سيظهر النص كله باللون الأحمر ، على الرغم من أن القيمة "السوداء" مدرجة في المرتبة الثانية. يتجاوز التوجيه المهم القواعد العادية للتتالي ويعطي هذا النمط خصوصية عالية جدًا.
إذا كنت بحاجة ماسة إلى ظهور الفقرات باللون الأحمر ، فإن هذا النمط سيفي بالغرض ، لكن هذا لا يعني أن هذه ممارسة جيدة.
متى تستخدم! مهم
يكون التوجيه المهم مفيدًا عند اختبار موقع ويب وتصحيحه. إذا لم تكن متأكدًا من سبب عدم تطبيق أسلوب ما وتعتقد أنه قد يكون هناك تعارض في الخصوصية ، فأضف! الإعلان المهم إلى النمط لمعرفة ما إذا كان ذلك سيؤدي إلى إصلاحه - وإذا حدث ذلك ، فغيّر ترتيب المحددات وأزل! التوجيهات المهمة من إنتاجك الشفرة.
إذا كنت تعتمد بشدة على! الإعلان المهم لتحقيق الأنماط التي تريدها ، فستحصل في النهاية على ورقة نمط مليئة! سوف تقوم بتغيير طريقة معالجة CSS لتلك الصفحة بشكل أساسي. إنها ممارسة كسولة وليست جيدة من وجهة نظر الإدارة طويلة المدى.
استخدم! مهم للاختبار أو ، في بعض الحالات ، عندما يتعين عليك مطلقًا تجاوز نمط مضمن يكون جزءًا من قالب أو إطار عمل. حتى في هذه الحالات ، استخدم هذا الأسلوب باعتدال وبدلاً من ذلك اكتب أوراق أنماط نظيفة تحترم تتالي.
أوراق أنماط المستخدم
تم وضع هذا التوجيه أيضًا لمساعدة مستخدمي صفحة الويب على التعامل مع أوراق الأنماط التي تجعل الصفحات صعبة الاستخدام أو القراءة بالنسبة لهم.
متي شخص ما يحدد ورقة الأنماط لعرض صفحات الويب ، يتم إلغاء ورقة الأنماط هذه بواسطة ورقة أنماط مؤلف الصفحة. إذا قام المستخدم بتمييز أحد الأنماط على أنه! مهم ، فإن هذا النمط يتخطى ورقة أنماط مؤلف صفحة الويب ، حتى إذا قام المؤلف بتمييز القاعدة على أنها مهمة!
هذا التسلسل الهرمي مفيد للمستخدمين الذين يحتاجون إلى تعيين الأنماط بطريقة معينة. على سبيل المثال ، قد يحتاج القارئ المعاق بصريًا إلى زيادة أحجام الخطوط الافتراضية في جميع صفحات الويب التي يستخدمها. باستخدام التوجيه المهم الخاص بك بشكل مقتصد داخل الصفحات التي تقوم بإنشائها ، فإنك تلائم احتياجات القراء الفريدة.