یک فایل CSS بنویسید که با تعریف یک متغیر سفارشی --main-color در :root و استفاده از var(--main-color) رنگ پسزمینه body و رنگ متن یک دکمه را تغییر دهد.
17.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 04:47 0.0
در :root متغیر را با سینتکس --main-color: #3498db; تعریف کنید تا به صورت سراسری قابل استفاده باشد، سپس در قوانین CSS از var(--main-color) برای مقدار دادن به background-color در body و color در selector مخصوص دکمه استفاده کنید. نکات مفید: میتوانید مقدار پیشفرض با var(--main-color, #000) تعیین کنید، نامگذاری متغیرها معنادار باشد و برای تغییر تم فقط مقدار متغیر را ویرایش کنید.
1 پاسخ
جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من
در حال بارگیری...
برای ارسال پاسخ باید با حساب کاربری وارد شوید.
ورود به حساب کاربری
استفاده از متغیر CSS در :root مانند --main-color: #3498db; باعث میشود رنگها بهصورت سراسری قابل تغییر باشند. با var(--main-color) میتوانید background-color در body و color در سلکتور دکمه را بهراحتی مقداردهی کنید. پیشنهاد میکنم مقدار پیشفرض با var(--main-color, #000) تعیین کنید و نام متغیرها معنادار باشد تا نگهداری آسانتر شود. همچنین برای دسترسپذیری، کنتراست متن روی پسزمینه جدید را بررسی و حالات hover/active دکمه را نیز با متغیر تنظیم کنید.
گزارش