Less學習 邏輯運算 屬性規則集

2021-10-08 11:48:49 字數 2208 閱讀 5898

// 算術運算子±*/會在計算之前考慮單位並轉換

@base:5%;

@couversion-1:5cm+10mm;

可以自己定義乙個css屬性集

@detached-ruleset:;

.top_list_goup

可以在屬性規則集中採用@media冒泡
@my-ruleset: 

}};@media

(orientation

:portrait)

也可以通過以下方法抽取出在@media中包裝一段**

.desktop-and-old-ie

(@rules)

html.lt-ie9 &

}header);

}

注意:屬性規則集的呼叫與mixin的呼叫採用相同的方式,

將其所有mixin返回到呼叫者中,但是,它不返回變數

@detached-ruleset: 

};.caller

在每乙個屬性集中的變數都是私有的,不能在別的非引用屬性集中使用

將分離的規則集從乙個變數複製到另乙個變數無法修改其範圍。僅在其中引用該規則集就無法訪問新作用域

@detached-ruleset: 

;selector

}

@detached-1: 

;.one

}.use-place

#space;}

}.importer-2()

.use-place

;@detached()

;}

為了盡量保持css的宣告性,

less選擇了通過受保護的mixins而不是if/ else語句來實現條件執行

.mixinforproduce (

@a) when (

lightness(@a

) >= 50%)

.mixinforproduce (

@a) when (

lightness(@a

)< 50%)

.mixinforproduce (@a)

.produce

//也可以使用比較運算子=>,>=,=,=<,<

//此外,關鍵字true是唯一的真實值,使這兩個mixins等效:

.mixinforproduce (

@a) when (

lightness(@a

) >= 50%)

.mixinforproduce (

@a) when (

lightness(@a

)< 50%)

.mixinforproduce (@a)

.produce

也可以使用邏輯運算子not and 或者用逗號來代表or

使用函式進行型別判斷

iscolor 是否是顏色

isnumber 是否是數字

isstring 是否是字串

iskeyword 是否是關鍵字引數

isurl 是否是url

如果要檢查值是否是數字,是否還使用特定單位,則可以使用以下方法之一:

// ispixel px

// ispercentage %

// isem em

// isunit u

在less中,mixin可以遞迴

當與guard表示式和模式匹配結合使用時,

此類遞迴mixin 可用於建立各種迭代/迴圈結構。

例:

.loop

(@counter

) when (

@counter > 0)

div

該功能允許將多個屬性的值聚合到單個屬性下的逗號或空格分隔的列表中

例:

//合併後使用逗號分隔

.mixin()

.myclass

//合併後使用空格分隔

.mixin()

.myclass

為了避免意外聯接,需要在每個聯接掛起宣告上使用顯式+或+_標誌

Python學習筆記 if語句以及邏輯運算子

1 if語句定義 if語句下的縮排 塊部分是屬於if的 else同上 if和else語句以及各自的縮排部分是乙個完整的 塊 2 if語句格式 if 條件 內容1 內容2 if 條件 內容1 內容2 elif 內容1 內容2 elif 內容1 內容2 else 內容3 拓展 增加換行調整條件判斷 格式...

組合語言指令學習之邏輯運算

組合語言的邏輯運算也是我們通常所說的 非 與 或 異或等 1 否操作指令 指令格式如下 not oprd 操作後的結果 oprd各位取反,運算元可以是通用暫存器,可以是儲存單元,但是不能是立即數對標誌位沒有影響。2 邏輯與操作 and 指令格式如下 and oprd1,oprd2 操作的結果如下 按...

C 學習過程3 邏輯運算子

邏輯運算子 1 賦值運算子 a 6表示把a加上6以後賦給a 和 a a 6作用一樣 同理a 6 a 6 a 6。a a加上1 a 是a減少1 前置自加自減。a加1後再取a的值 a減少1後再取a的值 2 關係運算子!不等於 等於 小於 大於 小於等於 大於等於 3 邏輯運算子 and or 非 例如 ...