آموزش LESS
۴ آموزش
نمایش دسته بندی ها (۴ آموزش)

تعریف متغیرها (Variable)، در LESS

یکی از امکانات LESS که به ما کمک می کند کدها را در حجم کمتری و با قابلیت ویرایش راحت تر بنویسیم، تعریف متغیرها (Variable) می باشد. به این صورت که مقادیر مورد نظرمان را در متغیرهایی (Variable) ذخیره نموده و سپس نام متغیرها را در بخش های مختلف کدهای LESS ذکر نماییم.

برخلاف CSS که در آن امکان تعریف متغیرها وجود نداشت و مجبور بودیم که یک مقدار یکسان را در چندین قسمت از کدهای CSS بنویسیم و هر زمان که نیاز به تغییر آن مقدار بود، مجبور بودیم که چندین بخش از کدهای CSS را تغییر بدهیم، در صورتیکه با بودن امکان تعریف متغیر در LESS ، تنها کافی است که مقدار تعریف شده برای متغیر را تنها در یک بخش از کدهای LESS تغییر بدهیم.

برای تعریف یک متغیر با نام kelidestan و ذخیره کردن مقدار #FF0000 در آن، کد LESS زیر را می نویسیم :

و سپس برای ذکر کردن بخشی از آن در کدها، مشابه کد LESS زیر عمل می کنیم :

که پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :

به مثال زیر توجه کنید :

مثال

کدهای LESS زیر را می نویسیم :

نتیجه :

پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :

مثال

کدهای LESS زیر را می نویسیم :

نتیجه :

پس از پردازش کدهای LESS ، کدهای CSS زیر به دست می آید :

نویسنده علیرضا گلمکانی
شماره کلید 26314
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)