الألوان لاتُطبق في كود CSS

انا كتبت الكود بأكتر من طريقه يعني مره في صفحة الcssالخارجيه :

div{

background-color:#080;

}

و كتبته داخل العنصر نفسه:

<div background-color:#080>

بتاريخ 12 دقائق مضت قال Namaa Foundation:

انا كتبت الكود بأكتر من طريقه يعني مره في صفحة الcssالخارجيه :

div{

background-color:#080;

}

و كتبته داخل العنصر نفسه:

<div background-color:#080>

 

إذا قمتِ بكتابة كود CSS في ملف خارجي أو حتى في عنصر style فيجب التأكد من أنه لا توجد خصائص أخرى تقوم بتغير خلفية عنصر div، أما في الحالة الثانية (كتابة خصائص CSS بداخل عنصر div) فإن الكود الصحيح هو:

<div style="background-color: #080;">Content Here</div>

مع العلم أن عنصر div لن يظهر إلا إن تم وضع طول وعرض له أو كان يتحوي على محتوى (نصوص أو صور أو عناصر أخرى)، غير ذلك لن يظهر عنصر div لأن طوله يساوي 0.

بتاريخ الآن قال Namaa Foundation:

اولا انا متشكره جدا ..

بس هي المشكله عندي انه مش بيتنفذ خالص حتي ع body او اي عنصر تاني و انا بكتبه بالطريقه ديه زي ما حضرتك كتبت  بس انا اتلغبط ..داخل العنصر و برضه مافيش فايده ..

أرجو منك التأكد من أن الملف الذي تعملين عليه في محرر الأكواد VS Code مثلًا هو نفس الملف الذي يعمل في المتصفح، لأن في بعض الأحيان يعمل الشخص على ملفات مختلفة ويجد أن النتيجة لا تظهر في المتصفح.

الأمر الأخر، في حالة كانت الملفات صحيحة، ويتم حفظها بشكل سليم، فربما يوجد مشكلة في اللمتصفح (بالتحديد في الملفات المؤقتة)، لذلك تجربة متصفح آخر هو أسرع حل إن كانت لديك متصفح آخر بالفعل، أو حذف الملفات المؤقتة من خلال الضغط على Ctrl + Shift + delete في المتصفح، ثم تحديد cookies and other site data و cached image and files والضغط على ok/clear. ثم إعادة تحميل الصفحة مرة أخرى.

في حالة لم تعمل اي من الطرق السابقة، فأرجو منك إرفاق كود HTML و CSS كاملًا للتأكد من عدم وجود مشاكل به.

ممكن  تحذف الكاش عن طريق  ctrl + f5 

والأفضل توضح الكود المكتوب

يرجى إرفاق الكود الذي به مشكلة 

div{

background-color:#080;

}

الكود السابق لا يوجد به أخطاء لكن الخطأ في هذا الكود 

<div background-color:#080>

يجب تصحيحه ليصبح بهذا الشكل 

<div style="background-color:#080">

يجب أن تعرفي أن التنسيق الذي سوف يأخذه الـ div هو inline styling ، يعني ذلك أنه سوف يأخذ بكل الأحوال التنسيق الذي يتضمن في صفحة HTML 

اولا انا متشكره جدا ..

بس هي المشكله عندي انه مش بيتنفذ خالص حتي ع body او اي عنصر تاني و انا بكتبه بالطريقه ديه زي ما حضرتك كتبت  بس انا اتلغبط ..داخل العنصر و برضه مافيش فايده ..

بتاريخ 5 دقائق مضت قال Namaa Foundation:

اولا انا متشكره جدا ..

بس هي المشكله عندي انه مش بيتنفذ خالص حتي ع body او اي عنصر تاني و انا بكتبه بالطريقه ديه زي ما حضرتك كتبت  بس انا اتلغبط ..داخل العنصر و برضه مافيش فايده ..

 

تأكدي من الحفظ بعد عمل التعديلات ، وحدثي الصفحة عن طريق ctrl + F5 لحذف الكاش من الصفحة 

بتاريخ 7 دقائق مضت قال سامح أشرف:

أرجو منك التأكد من أن الملف الذي تعملين عليه في محرر الأكواد VS Code مثلًا هو نفس الملف الذي يعمل في المتصفح، لأن في بعض الأحيان يعمل الشخص على ملفات مختلفة ويجد أن النتيجة لا تظهر في المتصفح.

الأمر الأخر، في حالة كانت الملفات صحيحة، ويتم حفظها بشكل سليم، فربما يوجد مشكلة في اللمتصفح (بالتحديد في الملفات المؤقتة)، لذلك تجربة متصفح آخر هو أسرع حل إن كانت لديك متصفح آخر بالفعل، أو حذف الملفات المؤقتة من خلال الضغط على Ctrl + Shift + delete في المتصفح، ثم تحديد cookies and other site data و cached image and files والضغط على ok/clear. ثم إعادة تحميل الصفحة مرة أخرى.

في حالة لم تعمل اي من الطرق السابقة، فأرجو منك إرفاق كود HTML و CSS كاملًا للتأكد من عدم وجود مشاكل به.

متشكره جدا ..خلاص تمام هعمل ده و ارجع تاني ان شاء الله بنتيجه .

بتاريخ 8 دقائق مضت قال أسامة زيادة:

تأكدي من الحفظ بعد عمل التعديلات ، وحدثي الصفحة عن طريق ctrl + F5 لحذف الكاش من الصفحة 

بعمل كده بالفعل .

متشكره لحضرتك جدا .