هل يمكن استثناء صفحة في CSS

Muhannad Bahurmoz · 26 نوفمبر 2022

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

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

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

و شكرًا لكم

محمد أبو عواد · 26 نوفمبر 2022

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

 <div id="main-header">

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

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

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

بوسف سواني · 26 نوفمبر 2022

نعم

أسامة زيادة · 26 نوفمبر 2022

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

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

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

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

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

السؤال