Less註釋

註釋使得代碼清晰,使用戶能夠方便理解。您可以在代碼中使用這兩種註釋:區塊樣式和內聯註釋,但是當你編譯 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。

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註釋