Less教程
Less函数

Less 注释

Less注释

less注释是放置在源代码中的不可执行的语句。编写这些注释的目的是使源代码更清晰,并使其他开发人员和测试人员更容易理解。可以在Less代码中以块样式和内联方式编写注释,但是CSS代码中不会出现单行注释。
Less支持两种类型的注释。
单行注释:在Less中,单行注释使用//编写,后跟注释。单行注释不会显示在生成的CSS输出中。 多行注释:在Less中,多行注释写在/*?。*/之间。多行注释保留在生成的CSS输出中。

less注释示例

让我们以一个示例来演示Less文件中注释的明智程度。
请参见以下示例:
创建一个名为"simple.html"的HTML文件,其中包含以下数据。
HTML文件: simple.html
<!DOCTYPE html>
<html>
<head>
   <title>Less Comments Example</title>
   <link rel="stylesheet" type="text/css" href="simple.css" />
</head>
<body>
   <h1>Example using Comments</h1>
   <p class="myclass">lidihuo</p>
   <p class="myclass1">A solution of all technology.</p>
</body>
</html>
创建一个名为"simple.less"的LESS文件,其中包含以下数据。此文件还包含单行和多行注释。
其他文件: simple.less
/* It displays the
red color! */
.myclass{
color: red;
}
// It displays the green color
.myclass1{
color: green;
} 
将文件"simple.html"和"simple.less"都放入Node.js的根文件夹中
现在,执行以下代码: lessc simple.less simple。 css
少注释1
这将编译"simple.less"文件。将生成一个名为" simple.css"的CSS文件。
例如:
less的注释2
生成的CSS" simple.css"具有以下代码:
/* It displays the
red color! */
.myclass {
  color: red;
}
.myclass1 {
  color: green;
} 
注意: : 在上面的代码中,您可以看到在生成的CSS中仅保留了多行注释,而拒绝了单行注释。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4