• 在 less 中 @ 表示變量
• . 代表函數(shù) 或者叫做混合

.rounded-corners (@radius: 5px) {
   border-radius: @radius;
   -webkit-border-radius: @radius;
   -moz-border-radius: @radius;
}
#header {
   .rounded-corners;
} 
#footer {
   .rounded-corners(10px);
} 

• 嵌套表示繼承
• &: 可以表示狀態(tài)

a { text-decoration: none;
     &:hover { border-width: 1px }
   }

• 上面說的函數(shù)只是簡單的一種 還可以映射到j(luò)s函數(shù)
• 混合還可以使用模式匹配來實現(xiàn)多可同名函數(shù) 等等
• 引導(dǎo) 是通過 一個判斷語句來 決定調(diào)用那些函數(shù)
• 可以使用內(nèi)置函數(shù)

下面就是常見的檢測函式：
iscolor
isnumber
isstring
iskeyword
isurl
如果你想判斷一個值是純數(shù)字，還是某個單位量，可以使用下列函式：
ispixel
ispercentage
isem

• 在引導(dǎo)的 when 中可以使用 and 和 not
• less 提供的 顏色函數(shù)

lighten(@color, 10%);     // return a color which is 10% *lighter* than @color
darken(@color, 10%);      // return a color which is 10% *darker* than @color
saturate(@color, 10%);    // return a color 10% *more* saturated than @color
desaturate(@color, 10%);  // return a color 10% *less* saturated than @color
fadein(@color, 10%);      // return a color 10% *less* transparent than @color
fadeout(@color, 10%);     // return a color 10% *more* transparent than @color
fade(@color, 50%);        // return @color with 50% transparency
spin(@color, 10);         // return a color with a 10 degree larger in hue than @color
spin(@color, -10);        // return a color with a 10 degree smaller hue than @color
mix(@color1, @color2);    // return a mix of @color1 and @color2

• 數(shù)學(xué)函數(shù)

round(1.67); // returns `2`
ceil(2.4);   // returns `3`
floor(2.6);  // returns `2`
percentage(0.5); // returns `50%`

• 可以封裝方法 像下面這樣調(diào)用

#bundle {
 .button () {
   display: block;
   border: 1px solid black;
   background-color: grey;
   &:hover { background-color: white }
 }
 ...
}
#header a {
 color: orange;
 #bundle > .button;
}

• 引入文件

@import "lib.less";
@import "lib";

• 字符串組合

@base-url: "http://assets.fnord.com";
background-image: url("@{base-url}/images/bg.png");