مقدمه
با سلام و درود خدمت شما همراهان همیشگی وبسایت آموزش برنامه نویسی و طراحی وب . باز هم با یک دیگر از مباحث آموزش Less در خدمت شما هستیم. در جلسه قبل به آموزش scope یا میدان دید متغیر در Less پرداختیم. در این جلسه با آموزش توضیح گذاری یا کامنت گذاری در LESS آشنا می شویم.
همان طور که می دانید قرار دادن توضیحات برای کدهای نوشته شده یک امر لازم و ضروری می باشد که به قابل فهم بودن و توسعه بهتر کد برای دیگر کاربران کمک بسیاری می کند. در Less شما می توانید توضیحات را در یک خط یا در قالب یک بلاک توضیح درج کنید. البته در نظر داشته باشید که بعد از کامپایل کدهای Less به Css، توضیحات خطی نمایش داده نمی شوند.
درج توضیحات در Less
همانطور که گفته شد توضیحات به دو روش توضیحات خطی و بلاک توضیحات استفاده می شوند.
توضیحات خطی : در این روش توضیحات فقط در یک خط نوشته میشوند و در شروع توضیحات کافیست دو علامت // قرار دهید
// This is inline comment
بلاک توضیحات : این نوع توضیحات در دو یا چند خط نوشته میشوند و در شروع توضیحات یک علامت /* و در پایان توضیحت یک علامت */ قرار می دهید.
/* This is a block comment you can write the comments in some line*/
در مثلا زیر در فایل style.less هر دونوع توضیح را به کار میبریم.
/* It displays the green red! */ .class1 { color: red; } // It displays the white color .myclass1 { color: white; }
حال فایل style.less را به style.css کامپایل می کنیم:
/* It displays the green red! */ .class1 { color: red; } .myclass1 { color: white; }
