حل مشكلة عدم تطبيق تنسيقات css

هل يمكنك شرح المشكلة؟

بتاريخ 2 دقائق مضت قال محمد أبو عواد:

هل يمكنك شرح المشكلة؟

التنسيقات كش بتطبق يعني لو كتبت COLOR RED مش بيطبق مع ان اسم الملف صح وكل حاجه صح

السبب في ذلك هو ترتيب ملفات css, لاحظ انك تقوم بتضمين ملف text.css قبل ملف بوتستراب وبالتالي اذا كنت قد حدد نفس العناصر في كلا الملفين واعطيت لها تنسيقات فسوف يتم تطبيق التنسيقات الموجود في الملف الثاني, على سبيل المثال

في ملف text.css
p{
  color:red;
}


في ملف bootstrap.css
p{
  color:blue;
}

في حالتنا انت ضمنت ملف text.css قبل بوستراب , اذا التنسيق الذي سوف يتم تنفيذه هو التنسيق الثاني الموجود في ملف بوتستراب, دائما اجعل ملف بوتستراب قبل ملف التنسيقات الخاص بك لكي يتم تطبيقها دون مشاكل

<link rel="stylesheet" href="textt.css">

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">  

ارجو تعديلها كالتالي

  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous"> 

  <link rel="stylesheet" href="textt.css">