-
用波浪號(hào)加雙引號(hào)~"內(nèi)容"避免編譯，會(huì)輸出原代碼 .test{ width:~'calc(300px-30px)';//~''避免編譯 }查看全部
-
@arguments包含了所有傳遞進(jìn)來的參數(shù)。 如果你不想單獨(dú)處理每一個(gè)參數(shù)的話就可以像這樣寫： @border（@w：30px，@c：red，@s：solid）{ border：@w @c @s } .border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有參數(shù) } .test_arguments{ .border_arg(40px); }查看全部
-
a:hover用less寫 .list{ li{ a{ &:hover{ //&代表他的上一層選擇器 color:red;} } } }查看全部
-
運(yùn)算： @test_01：300px； .box_02{width：@test_01 + 20；//如果變量或其它是帶單位的，后面相加的數(shù)字可以不用加單位} .box_02(width：（@test_01 - 20）* 5；//如果要先減在乘，就用個(gè)括號(hào)包起來)查看全部
-
匹配模式定位： .pos(r){position: 相對(duì)定位;} .pos(a){position: 絕對(duì)定位;} .pos(f){position: 固定定位;} .div{ width:20px; height:20px; background-color:green; .pos(a) //需要用哪個(gè)就在傳入不同參數(shù) }查看全部
-
匹配模式可以寫一個(gè)必須帶上的參數(shù)： .trangle(bottom,@w:5px.@c:#ccc){ border-width: @w; border-color: @c transparent transparent transparent; border-style: solid dashed dashed dashed ; } 里面的參數(shù)必帶 .trangle(@_,@w:5px.@c:#ccc){ width:0; height: 0; overflow: hidden;}查看全部
-
匹配模式： .trangle(top,@w:5px.@c:#ccc){ border-width: @w; border-color: transparent transparent @c transparent; border-style: dashed dashed solid dashed ; } .trangle(bottom,@w:5px.@c:#ccc){ border-width: @w; border-color: @c transparent transparent transparent; border-style: solid dashed dashed dashed ; } 如果.triangle()里使用top就使用上面那段，如果是button那么就是下面那段查看全部
-
less編譯查看全部
-
嵌套時(shí),hover的寫法查看全部
-
css畫三角形查看全部
-
可帶參數(shù)，隨意改變邊框的寬度，或者div的寬度和高度查看全部
-
變量@..... 可以選擇疊加例如：a{...},b{a;...}查看全部
-
http://koala-app.com/index-zh.html查看全部
-
混合-帶參數(shù)有值得栗子：.border_3(@border-size:10px){border:solid green @border-size;} text{border_3();} //如果日后需要更改值，在()里修改值，比如border_3(20px)查看全部
-
混合-帶參數(shù)栗子：.border_02(@border){border: solid yellow @border;} #text{.border_2(30px);}查看全部
舉報(bào)
0/150
提交
取消