Less 注释

17 Mar 2025 | 阅读 2 分钟

Less 注释是非可执行语句,放置在源代码中。 这些注释的编写是为了使源代码清晰易懂,便于其他开发人员和测试人员理解。 注释可以采用块样式和内联方式编写在 Less 代码中,但是单行注释不会出现在 CSS 代码中。

Less 支持两种类型的注释。

  • 单行注释: 在 Less 中,使用 // 后跟注释编写单行注释。 单行注释不会显示在生成的 CSS 输出中。
  • 多行注释: 在 Less 中,多行注释写在 /* 和 */ 之间。 多行注释保留在生成的 CSS 输出中。

Less 注释示例

让我们举一个例子来演示在 Less 文件中使用注释。

请看这个例子

创建一个名为“simple.html”的 HTML 文件,包含以下数据。

HTML 文件:simple.html

创建一个名为“simple.less”的 LESS 文件,包含以下数据。 该文件还包含单行和多行注释。

LESS 文件:simple.less

将 "simple.html" 和 "simple.less" 两个文件放在 Node.js 的根文件夹中

现在,执行以下代码:lessc simple.less simple.css

Less Less comment1

这将编译 "simple.less" 文件。 将生成一个名为 "simple.css" 的 CSS 文件。

例如

Less Less comment2

生成的 CSS "simple.css" 具有以下代码

注意: 在上面的代码中,您可以看到只有多行注释保留在生成的 CSS 中,而单行注释被忽略。

输出

Less Less comment3
下一个主题Less 语法