Less注释是放置在源代码中的非可执行语句。编写这些注释是为了使源代码更清晰, 并使其他开发人员和测试人员更容易理解。注释可以在Less代码中以块样式和内联方式编写, 但是单行注释不会出现在CSS代码中。
Less中支持两种类型的注释。
- 单行注释：在Less中, 单行注释使用//编写, 后跟注释。单行注释不会显示在生成的CSS输出中。
- 多行注释：在Less中, 多行注释写在/ *？。* /之间。多行注释保留在生成的CSS输出中。
请参阅以下示例：
创建一个名为” simple.html” 的HTML文件, 其中包含以下数据。
HTML档案：simple.html
<
!DOCTYPE html>
<
html>
<
head>
<
title>
Less Comments Example<
/title>
<
link rel="stylesheet" type="text/css" href="http://www.srcmini.com/simple.css" />
<
/head>
<
body>
<
h1>
Example using Comments<
/h1>
<
p class="myclass">
srcmini<
/p>
<
p class="myclass1">
A solution of all technology.<
/p>
<
/body>
<
/html>
创建一个名为” simple.less” 的LESS文件, 其中包含以下数据。该文件还包含单行和多行注释。
Less文件：simple.less
/* It displays thered color! */.myclass{color: red;
}// It displays the green color.myclass1{color: green;
}将文件” simple.html” 和” simple.less” 都放在Node.js的根文件夹中
现在, 执行以下代码：lessc simple.less simple.css
文章图片
【Less的注释】这将编译” simple.less” 文件。将生成一个名为” simple.css” 的CSS文件。
例如：
文章图片
生成的CSS” simple.css” 具有以下代码：
/* It displays thered color! */.myclass {color: red;
}.myclass1 {color: green;
}注意：在上面的代码中, 你可以看到在生成的CSS中仅保留了多行注释, 而拒绝了单行注释。
输出
文章图片
