اذهب إلى المحتوى

السؤال

نشر

السلام عليكم ورحمة الله و بركاته , 

لدي موقع بسيط مكون من ثلاث صفحات , و جميع الصفحات الثلاث مربوطة بملف CSS واحد , و أريد تعديل لون ال border-bottom لل header في الصفحة الرئيسية فقط ,

هل توجد طريقة لفعلها دون انشاء ملف CSS جديد خاص بالصفحة الرئيسية , أم يجب علي أنشاء ملف CSS جديد ؟

و شكرًا لكم 

 

Recommended Posts

  • 0
نشر

يمكنك إنشاء كلاس class جديد في header في الصفحة الرئيسية فقط ، مثلاً ليكون باسم header-border-bottom . 

 <div class="header  header-border-bottom">

وإعطائه التنسيقات المناسبة في CSS 

.header-border-bottom{
  border-bottom: 2px solid black;
}

ويمكنك إضافة التنسيق في ملف التنسيقات دون إنشاء ملف جديد .

  • 0
نشر

يمكنك اعطاء العنصر header في الصفحة الرئيسية خاصية id وتحديد قيمة لها, على سبيل المثال 

 <div id="main-header">

وفي ملف css يمكنك اعطاء التنسيقات من خلال تحديد العنصر باستخدام ال id كالتالي

#main-header{
	  border-bottom: 1px solid red;
}

القوة التحديدية لل id اقوى من الصنف او class وبالتالي لن تواجه مشكلة في تضارب التنسيقات

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...