Less條件表示式和迴圈(8)

2021-10-12 10:37:35 字數 2010 閱讀 5225

比較運算子:< >= = =< < true

例子:less編寫

/* when 是關鍵字; lightness 是函式庫裡面的乙個函式,作用是取得顏色值中的亮度,返回乙個百分比的值 */

.mixin(@a

) when (

lightness(@a

) >= 50%)

.mixin(@a

) when (

lightness(@a

)< 50%)

.mixin(@a

).class1

.class2

編譯結果

.class1

.class2

可以基於值得型別來匹配函式

基本的型別檢查函式有iscolor、isnumber、isstring、iskeyword、isurl

例子:less編寫

.mixin(@a

) when (

iscolor(@a

)).mixin(@a

) when (

isnumber(@a

)).mixin(@a

).class1

.class2

編譯結果

.class1

.class2

檢查乙個值除了數字是否是乙個特定的單位

基本的單位檢查函式ispixel、ispercentage、isem、isunit

例子:less編寫

.mixin(@a

) when (

ispixel(@a

)).mixin(@a

) when (

ispercentage(@a

)).mixin(@a

).class1

.class2

編譯結果

.class1

.class2

在less中,混合可以呼叫它自身,這樣,當乙個混合遞迴呼叫自己,再結合guard表示式和模式匹配這兩個特性,就可以寫出迴圈結構

例子less編寫

.loop

(@counter

) when (

@counter > 0)

div

編譯結果

div

例子

less編寫

.loop

(@counter

) when (

@counter > 0)

.loop((

@counter - 1));

//遞迴呼叫自身

}div

編譯結果

div h6

div h5

div .h4

div h3

div h2

div h1

在需要合併的屬性的的前面加上+就可以完成合併,合併以分隔屬性

例子less編寫

.mixin()

.myclass

編譯結果

.myclass

+_空格分隔所合併的屬性值

例子less編寫

.a()

.myclass

編譯結果

.myclass

表示式 條件控制 迴圈

表示式 expression 是運算子 operator 和運算元 operand 所構成的序列 最好實際操作驗證例 mood true if mood print go to left else print go to right go to left a input print a is a p...

表示式和條件結構

計算順序 從右往左 double salary 3200.0 計算機是從右往左讀的 復合運算子 include using namespace std int main 關係運算子 include using namespace std int main 邏輯運算子 運算子表示式 說明 並且 條件1...

迴圈和關係表示式

一 for迴圈 1.在引入bool型別之前,關係表示式為ture 被判定為1 如果為false,被判定為0。2.函式cout.setf 設定了乙個標記。該標記命令cout顯示ture和false,而不是1和0。函式引數為cout.setf ios base boolalpha 但在老式c 可能要求使...