教程 > less 教程 > 阅读:33

less 注释——迹忆客-ag捕鱼王app官网

less 注释使代码对用户来说清晰易懂。 我们可以在代码中同时使用块样式和内联注释,但是当我们编译 less 代码时,css 文件中不会出现单行注释。

示例

下面的例子演示了less文件中注释的使用

comments.html


   
      迹忆客(jiyik.com) - less 注释
      
   
   
      
      

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。

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;
}

按照以下步骤查看上述代码的工作原理

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

less 注释

查看笔记

扫码一下
查看教程更方便
网站地图