Less是一門CSS預(yù)處理語(yǔ)言,為了解決CSS中過(guò)于呆板的寫法。
Less =?變量 +?混合 +?函數(shù)
變量
(1)使用 @?符號(hào)定義變量
(2)使用 @?符號(hào)獲取變量
(3)變量為完全的‘常量’,只能定義一次。
混合
(1)定義一些通用的屬性集為一個(gè)class,然后在另一個(gè)class中去調(diào)用。
(2)如果想要隱藏屬性集,不讓它暴露給CSS文件。
(3)帶參數(shù)
(4)參數(shù)設(shè)置默認(rèn)值
(5)多個(gè)參數(shù) @arguments
(6)模式匹配
根據(jù)傳入的參數(shù),來(lái)改變混合的默認(rèn)呈現(xiàn)。
(7)導(dǎo)引
根據(jù)表達(dá)式進(jìn)行匹配
可以使用 and 關(guān)鍵字,實(shí)現(xiàn)與條件。
and關(guān)鍵字
可以使用?逗號(hào),實(shí)現(xiàn)或條件。
逗號(hào)
可以使用 not 關(guān)鍵字,實(shí)現(xiàn)非條件。
not關(guān)鍵字
嵌套規(guī)則
運(yùn)算
命名空間
作用域
import
引入 .less 文件,后綴可省略。
@import 'lib.less'
@import 'lib'