قم بتصحيح كود CSS هذا

هذه هي التعليمات:

افتح ملف style.css.

قم بإضافة قاعدة CSS لعنصر النص الذي يقوم بتعيين لون الخلفية إلى #E0E0E2.

أضف قاعدة CSS لعنصر h1 التي تحدد لون النص إلى: #721817.

أضف قاعدة CSS لعنصر h2 التي تحدد لون النص إلى: #721817.

أضف قاعدة CSS لفئة CSS للنص المركزي والتي تعمل على محاذاة النص إلى المركز.

أضف قاعدة CSS لعنصر HTML بشعار المعرف. اضبط الهوامش اليسرى واليمنى على الوضع التلقائي وقم بتغيير العرض إلى عنصر كتلة.

أضف قاعدة CSS لجميع عناصر الامتداد التي هي عناصر فرعية لعناصر h2 التي تحدد لون النص إلى #FA9F42 وحجم الخط إلى 0.75em.

أضف قاعدة CSS لعنصر HTML مع معرف حقوق الطبع والنشر. اضبط المساحة العلوية على 12 بكسل وحجم الخط على 0.75em

CSS

body{
    background-color:#E0E0E2;
}
h1{
    color: #721817;
}
h2{
    color: #721817;
}
.center-text{
text-align: center;
}
#logo{
    margin-left: auto;
    margin-right: auto;
    display: block;
}
#span {
    color: #FA9F42;
    font-size: 0.75em;
}
#copyright {
    padding-top: 12px;
    font-size: 0.75em;
}

الأخطاء التي تظهر هي التالية:

xxThe 'NEW' labels within <h2> tags should have a color of '#fa9f42' 
xxThe element with the ID 'copyright' should have a font-size of 0.75em

ما حاولت:

لقد حاولت إعادة إدخال اللون وأيضًا إعادة كتابة حجم الخط المطلوب.

الحل 3
الحل 1
الحل 15

الحل 3

تحذير: أنا مبتدئ تمامًا في لغة CSS، ولكن بعد بعض القراءات أود أن أقول المحدد لـ span العلامات داخل h2 العلامات هي h2 > span. وبالتالي فإن القاعدة “أضف قاعدة CSS لجميع عناصر الامتداد التي هي عناصر فرعية لعناصر h2 التي تحدد لون النص إلى #FA9F42 وحجم الخط الخاص به إلى 0.75em.” سوف يكون:

h2 > span {color: #FA9F42; font-size: 0.75em;}

ضع في اعتبارك أنه لا يحدد علامات الامتداد المتداخلة.

الحل 1

الأخطاء تخبرك بالضبط ما هو الخطأ. ابحث في CSS الخاص بك وابحث عن واصف عنصر h2، ثم ابحث في خصائصه وستجد أنك لم تقم بتعيين القيمة على ما هو متوقع.

وينطبق الشيء نفسه بالضبط على “حقوق الطبع والنشر”.

هذه هي واجباتك المنزلية، لذا لن أقوم بتصحيح هذا لك. لن تتعلم شيئًا إذا فعلت ذلك.

الحل 15

جسم{
لون الخلفية :#E0E0E2;

}
ح1{
اللون: #721817؛
}
فترة h2{
اللون: #721817

}
.نص الوسط {
محاذاة النص: مركز؛
}
#شعار{
الهامش الأيسر: تلقائي؛
الهامش الأيمن: تلقائي؛
العرض محجوب؛
}

ح2 > فترة {
اللون: #FA9F42؛
حجم الخط: 0.75em؛
}
#حقوق النشر {
الحشو العلوي: 12 بكسل؛
حجم الخط: 0.75em؛
}