注釋

可以使用單行注釋和多行注釋

但只有多行注釋能被解析

變量variable

在樣式表中多次被引用的值可以將其定義為變量這樣就易于維護

@nice-color: #5B83AD; /*用@定義一個變量*/ @light-color: @nice-color + #111111; /*顏色可以進行加減*/#header_group{color: @light-color; }

也可以用變量名定義變量

@pig:"today you are a pig"; @message:"pig"; //這里寫的必須是變量名 類似于二級指針 p{content: @@message; } @car:"I hac a car today"; @messages:"car"; //這里寫的必須是變量名 類似于二級指針 div{content: @@messages; }

定義一個URL

@imgURL:'../img'; body{background: url(@imgURL);//background: url("@imgURL");//加不加引號不影響最終結果 }

定義引入聲明標準寫法

@themes:"./../selfStudyLanguageOfLess"; //定義一個根路徑變量 @import "@themes/demo08.css";

可變插值

@{}可以引用一個變量使其插入到樣式

@my-selector:banner; @widthPro:width; .@{my-selector}{@{widthPro}:10px; }

轉義~

轉義允許將任何字符串作為屬性值或變量值
注意：除了插值外，里面的任何字符將原樣輸出

.werid-element{content: ~"/*something just like this*/";width:~"10px";height: ~"20px"; }

總結

以上是生活随笔為你收集整理的Less学习--注释、变量、转义、可变插值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。