-
width:～'calc(300px-30px)' //避免被編譯（calc是告訴瀏覽器自己計(jì)算）查看全部
-
&代表上一層選擇器查看全部
-
&代表上一層選擇器查看全部
-
運(yùn)算中只需要一個(gè)變量/常量帶單位即可查看全部
-
兩種注釋方式是不一樣的，/**/在less編譯之后是會(huì)被保留的，但是//之后的注釋在被less編譯之后的css文件中是不被保留的查看全部
-
示例：帶默認(rèn)參數(shù)混合變量查看全部
-
lesscss.net查看全部
-
LESS中文網(wǎng)站查看全部
-
~''避免被編譯，把參數(shù)原封不動(dòng)的輸出到css里面，witdh:~''calc(300px-30px);查看全部
-
.round{ width: 0; height: 0; overflow: hidden; border-style: dashed dashed solid dashed; border-width: 10px; border-color: transparent transparent red transparent; }查看全部
-
Less 混合:一個(gè)元素引用另一個(gè)元素的樣式 1、混合變量 例如：.border{border:solid 10px red;} 如果.div也想用這個(gè)樣式直接寫： .div{ .border } 可帶參數(shù) 2.變量沒(méi)帶值： .border-radius(@radius){css代碼} .border_02(@border_width){ border:solid yellow @border_width; } .test_hunhe{ .border_02(30px); } 3.變量帶(默認(rèn))值：.border-radius(@radius:5px){css代碼} .border_03(@border_width:10px){ border:solid green @border_width; } .test_hunhe_03{ .border_03(); } 另外，雖然.border-02 和.border-03里面的變量都叫@border-width 但它們不沖突查看全部
-
兼容ie6 dashed查看全部
-
畫三角 .round{ width: 0; height: 0; overflow: hidden; border-style: dashed dashed solid dashed; border-width: 10px; border-color: transparent transparent red transparent; }查看全部
-
什么情況下會(huì)用到less?查看全部
-
Less類似于jquery，是一個(gè)庫(kù)。 是一種動(dòng)態(tài)樣式語(yǔ)言，屬于CSS預(yù)處理語(yǔ)言的一種，它使用類似CSS的語(yǔ)法，為CSS賦予了動(dòng)態(tài)語(yǔ)言的特性，如變量、繼承、運(yùn)算、函數(shù)等，更方便CSS的編寫和維護(hù)。查看全部
舉報(bào)
0/150
提交
取消