آموزش less درج توضیحات در Less

comments in less

مقدمه

با سلام و درود خدمت شما همراهان همیشگی وبسایت آموزش برنامه نویسی و طراحی وب . باز هم با یک دیگر از مباحث آموزش 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;  }

 

دیدگاهتان را بنویسید