參考：
less匹配模式：
參考：1、根據傳參的值不同進行匹配
.a
(@_,@z)
.a(right, @m)
.a(left, @m)
// 呼叫
.x.y
.test
(@width,@color);
.test
(@width
)@width
:200px;
@color
:red;
div// 結果
div
.test
(@width,@color);
.test
(@width
)div
// 結果
div
when
.test(@a
)when
(lightness(@a
)>=50%)
.test(@a
)when
(lightness(@a
)<50%)
.test(@a
)#div
#span
逗號分隔時，表示為「或」操作符，只要符合乙個條件就會被視為匹配成功
.test(@a
)when
(@a>50px),(
@a<0px)
divspan
and作為連線符時，只有符合所有條件才會被視為匹配成功
.test(@a
)when(@a
<50px)
and(
@a>0px)
divspan
.test(@a
)when not(@a
<50px)
divspan
round
(2.86) //四捨五入 返回 3
ceil
(2.3) //向上取整 返回 3
floor
(2.6) //向下取整 返回 2)
;percentage
(0.6) //轉為百分比 返回60%
lighten
(@color,10%) //返回顏色比@color淺10%的顏色
darken
(@color,10%) //...深
saturate
(@color,10%) //...飽和比 深
desaturate
(@color,10%) //...飽和比 淺
fadein
(@color,10%) //...不透明10%
fadeout
(@color,10%) //...透明10%
fade
(@color,50%) //...透明度為50%
spin
(@color,10) // ...顏色比@color大10的色調
spin
(@color,-10) // ...顏色比@color小10的色調
mix(@color1,@color2) //返回@color1與@color2的混合值
hue
(@color) //獲取色相
saturation
(@color) //獲取飽和度
lightness
(@color) //獲取明度
ispixel——是否為畫素
ispercentage——是否為百分比
isem——是否為em
iscolor——是否為顏色
isnumber——是否為數字
isstring——是否為字串
iskeyword——是否為keyword
isurl——是否為url
運算可以忽略單位（單位相同情況下）如：18px+13#888+#123456。
@the_color
:#111;
//less
@base_border
:1px;
@color
:#888;
#test
#demo
Less的模式匹配
less提供了一種機制，允許根據引數的值來改變 mixin的行為。比如，以下 就可以讓 mixin 根據不同的 switch 值而表現各異 mixin dark,color mixin light,color 此時，在呼叫 mixin 時 如果 switch 設為 light，就會得到淺色 如果 s...
Less學習筆記5 匹配模式
比如 用css去畫乙個三角 這個時候在頁面上會出現乙個朝下的紅色三角形，如果想讓三角形朝上修改 中的 border color transparent transparent red transparent 但是在ie中，此時的小三角會出現乙個黑色的小背景 此時的處理 根據三角的方向，對border...
less學習 模式匹配和導引表示式（帶引數混合2）
有些情況下，我們想根據傳入的引數來改變混合的預設呈現，比如下面這個例子 mixin s,color class如果想讓.mixin根據不同的 switch值而表現各異，如下這般設定 mixin dark,color mixin light,color mixin color 現在，如果執行 swit...