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