LESS學習筆記 下

2021-07-08 14:04:19 字數 1466 閱讀 4279

// 通過傳參進行匹配，類似js中的if語句

less預編譯：

.trianger(top,@w:5px,@c:#f00)


.trianger(@_,@w:5px,@c:#f00)


.pipei


.pos(r)


.pos(a)


.pos(f)


.pos-pp
css輸出：

.pipei 


.pos-pp
// 避免編譯【~】

less預編譯：

.test_calc1


.test_calc2
css輸出：

.test_calc1 


.test_calc2
// !important 提公升優先順序

less預編譯：

.border_radius(@radius:5px)


.test_imp
css輸出：

.test_imp

// merge合併屬性(用逗號分隔）對於諸如background和transform之類的屬性來說，merge非常有用。

less預編譯：

.mixin()


.merge
css輸出：

.merge
// space合併屬性(用空格分隔)

less預編譯：

.mixin2()


.space
css輸出：

.space
// 改變選擇器順序（在&之前定義乙個類選擇器）

less預編譯：

.head


}}
css輸出：
.head .menu 


.no-radius .head .menu
// 組合使用（&還可以用於生成乙個逗號分割列表的所有可能的選擇器排列：）

less預編譯：

a ,b ,c ,d


}
css輸出：

a,


b,c,


d a + a,


a + b,


a + c,


a + d,


b + a,


b + b,


b + c,


b + d,


c + a,


c + b,


c + c,


c + d,


d + a,


d + b,


d + c,


d + d
差不多就介紹這麼多了，第一部分的學習筆記更常用些，這節最後某些就不常用了，只做了解。

Jsp學習筆記（下）

靜態引入的jsp檔案不會被轉譯成servlet，靜態引入有同名變數導致編譯不通過的風險 jsp靜態引入 將file中的 拿到本檔案中，而file檔案並沒有被轉譯 將引入的jsp檔案轉譯後，在當前檔案中呼叫轉譯好的檔案 因為是兩個檔案，顯然可以有同名變數，沒有重名的風險 include file in...

Django Book學習筆記（下）

對於django加密，大致使用這樣的格式 hashtype salt hash 原因？我在django中使用了memcached，memcached完全就是基於記憶體的快取框架。memcached有乙個很好的特性是 它在多個伺服器間分享快取的能力。這意味著您可以在多台機器上執行memcached的守...

Less學習筆記

less類似於jquery，是乙個庫。是一種動態樣式語言，屬於css預處理語言的一種，它使用類似css的語法，為css賦予了動態語言的特性，如變數 繼承 運算 函式等，更方便css的編寫和維護。1 混合變數例如 border 如果.div也想用這個樣式直接寫 複製 div 複製 2 變數沒帶值 bo...