大家一起學習less 3 命名空間

這其實是「巢狀規則」的公升級版。

我們先看官網例子吧：

//less

//這裡是命名空間的定義,裡面包含乙個button方法
#bundle 
}}//這裡是具體呼叫，通過*** > yyy方式進行呼叫，本人覺得用 -〉更可靠，起碼長得不像親子選擇器
#header a 
/* 生成的 css */
#header a 
#header a:hover

//less

//模組名改為類了
.bundle 
}}#header a 
/* 生成的 css */
#header a 
#header a:hover

//less

//這裡應該只包含方法，否則裡面的合法語句會生成出來
#bundle 
}  .red
}//這裡是具體呼叫，通過*** > yyy方式進行呼叫，本人覺得用 -〉更可靠，起碼長得不像親子選擇器
#header a 
/* 生成的 css */
#bundle .red 
#header a 
#header a:hover

跟我一起了解less（3） 判斷和迴圈

官網的api中，判斷和迴圈是page的後面才被說明的，可能官方認為它們兩個也屬於 混合 但為了更好的學習less，我把它拿到了這章先來了解一下。注 例子截圖是轉換成css的語句 1 判斷 官網稱作mixin guards 1 語法規則 when 布林值 用法一 when放在函式後面 用法二 when...

大家一起學習less 1 混合

我們先看以下一段例子 less rounded corners radius 5px header footer 生成的 css header footer最上方，其實相當於定義了乙個名為 rounded corners 的函式，它有乙個引數叫 radius，預設值為5px。然後對於接著下來的樣式規...

大家一起學習less 6 一些有用的混合函式

預設是淺色。gradient color f5f5f5,start eee,stop fff 使用示例 wh wh 最後生成 wh預設是深色，並且後兩個引數要求是0 256的數值 bw gradient color f5f5f5,start 0,stop 255 使用示例 wh.bordered t...