📜  LESS-评论

📅  最后修改于: 2020-10-22 07:06:48             🧑  作者: Mango


 

描述

注释使代码清晰易懂,用户易于理解。您可以在代码中同时使用块样式和行内注释,但是在编译LESS代码时,单行注释将不会出现在CSS文件中。

以下示例演示了LESS文件中注释的使用-

Less Comments
      
   

   
      

Example using Comments

LESS enables customizable, manageable and reusable style sheet for web site.

It allows reusing CSS code and writing LESS code with same semantics.

现在创建style.less文件。

无样式

/* It displays the
green color! */
.myclass {
   color: green;
}

// It displays the blue color
.myclass1 {
   color: red;
}

您可以使用以下命令将style.less文件编译为style.css-

lessc style.less style.css

现在执行上面的命令;它将使用以下代码自动创建style.css文件-

style.css

/* It displays the
green color! */
.myclass {
   color: green;
}

.myclass1 {
   color: red;
}

输出

请按照以下步骤查看上面的代码如何工作-

  • 保存在comments.html文件上面的HTML代码。
  • 在浏览器中打开此HTML文件,将显示以下输出。

更少的评论