前面介紹了less的變量和extend語法,今天在研究下混合屬性(Mixin)。混合可以說是less的另一個特征,你可以將通用屬性定義在一塊,然后使用時直接調用此混合屬性。
混合:
在 LESS 中我們可以定義一些通用的屬性集為一個選擇器,然后在另一個選擇器中去調用這些屬性. 例如:
編譯后
注意:在調用混合時,可以加括號也可以不加括號。下面這個也是對的:
如果你只想定義一個混合,則可以再選擇器后面加上括號,如下:
編譯后,加括號的.my-other-mixin()不會被編譯。
任何 CSS class, id 或者 元素 屬性集都可以以同樣的方式引入.通用選擇器中可以嵌套選擇器。
命名空間:
如果你想混合屬性在一個更復雜的選擇器,可以疊放多個id或類。如下:
如果想使用這個混合屬性,你可以這樣,下面四個都是等價的
你可以將混合屬性定義在一個id的下面,這樣就避免了與其他混合沖突。
關鍵字!important:
在使用混合屬性后面加上!important關鍵字,則混合中的所有屬性都會加上關鍵字!important。例如: