

سلام با اجازه استاد گرامی،
برای تگ div بک گراند مربوطه اعلام شده ولی به دلیل زیر بک گراندشو نشون نمیده:
وقتی از ستاره برای استایل دهی استفاده میشه همه تگ ها انتخاب میشن و استایل مورد نظر بهشون داده میشه
یعنی همه تگ ها به جز تگ div که کلاس section-hello داره بقیه تگ ها همگی بک گراندشون darkcyan میشه
چون برای div ارتفاع در نظر گرفته نشده تمام فضاش رو تگ p داخلش گرفته و رنگ تگ p هم میشه darkcyan.
پس دیگه تگ div ما فضای آزادی نداره که بتونه بک گراندش رو نشون بده.
برای حل این مشکل میتونید برای تگ p و تگ span داخلش مقدار بک گراند رو روی none یا برای تگ div ارتفاع در نظر بگیرید.
با عرض سلام و خسته نباشید خدمت شما
وقتی شما از * استفاده کردید استایل روی تمام اجزای داکیومنت شما اعمال میشه. در تصاویری که ارسال کردید به تمام اجزای داکیومنت بک کالر فیروزه ای تیره در نظر گرفتید ولی فقط بک کالر section-hello رو تغییر دادید برای همین هستش که * خط خورده. اگه شما آی دی hello-user یا hello-text رو مشاهده بفرمایید میبینید که * خط نخورده چون شما روی این دو آی دی تغییری ایجاد نکردید. پس این دو از استایل های * استفاده میکنن. با اینکه این دو آی دی داخل کلاس section-hello هستند و عضوی از این کلاس هستند ولی چون از * استفاده شده تغییرات روی این دو اعمال نخواهد شد
برای برطرف کردن این مشکل میتونید section-hello, hello-user و hello-text رو در Css انتخاب کنید و هر سه رو باهم بک کالرش رو تغییر بدید و یا کد Html رو به صورت تصویر زیر تغییر بدید

موفق باشید
با عرض سلام و خسته نباشید خدمت آقای محمد حسن مهدوی
خیلی ممنون بابت پاسخگویی صحیح شما
موفق باشید
تشکر استاد