یک صفحه HTML/CSS ساده بسازید که در آن یک متغیر CSS سراسری برای رنگ پسزمینه و رنگ متن در :root تعریف شود و سپس در یک کارت (.card) این متغیرها بهصورت محلی بازنویسی شوند تا کارت رنگهای متفاوتی نسبت به بقیه صفحه داشته باشد؛ از var() و مقدار پیشفرض استفاده کنید.
13.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 00:13 0.0
در :root متغیرهای سراسری با نامهایی مثل --bg-color و --text-color تعریف کنید، سپس در قوانین مربوط به .card همان متغیرها را با مقادیر جدید بازنویسی کنید تا فقط داخل کارت تغییر رنگ دیده شود. برای استفاده از متغیرها از تابع var(--name) بهره ببرید و برای ایمنسازی مقدار پیشفرض اضافه کنید مثل var(--bg-color, white). توجه داشته باشید که متغیرهای محلی در دامنه سلکتور خود و فرزندانش مؤثر هستند و میتوانید با ابزار توسعهدهنده مرورگر (DevTools) مقدار نهایی را بررسی و اشکالزدایی کنید.
توسط پژوهشگر در 198 روز قبل ساعت 00:13 1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
در :root متغیرهای سراسری را تعریف کنید و هنگام استفاده از var(...) همیشه مقدار پیشفرض تعیین کنید مثل var(--bg-color, white) تا در صورت عدم تعریف رفتار ایمن داشته باشید. داخل .card همان متغیرها را بازنویسی کنید (مثلاً --bg-color: #f7f7f7; --text-color: #222;) چون این بازنویسی فقط در دامنه سلکتور و فرزندانش اعمال میشود. برای دیباگ از DevTools و بخش Computed/Styles استفاده کنید و توجه داشته باشید مقدار پیشفرض فقط وقتی متغیر تعریف نشده یا نامعتبر است اعمال میشود و در مرورگرهای خیلی قدیمی پشتیبانی ممکن است محدود باشد.
گزارش