-
用波浪号加双引号~"内容"避免编译，会输出原代码 .test{ width:~'calc(300px-30px)';//~''避免编译 }查看全部
-
@arguments包含了所有传递进来的参数。 如果你不想单独处理每一个参数的话就可以像这样写： @border（@w：30px，@c：red，@s：solid）{ border：@w @c @s } .border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有参数 } .test_arguments{ .border_arg(40px); }查看全部
-
a:hover用less写 .list{ li{ a{ &:hover{ //&代表他的上一层选择器 color:red;} } } }查看全部
-
运算： @test_01：300px； .box_02{width：@test_01 + 20；//如果变量或其它是带单位的，后面相加的数字可以不用加单位} .box_02(width：（@test_01 - 20）* 5；//如果要先减在乘，就用个括号包起来)查看全部
-
匹配模式定位： .pos(r){position: 相对定位;} .pos(a){position: 绝对定位;} .pos(f){position: 固定定位;} .div{ width:20px; height:20px; background-color:green; .pos(a) //需要用哪个就在传入不同参数 }查看全部
-
匹配模式可以写一个必须带上的参数： .trangle(bottom,@w:5px.@c:#ccc){ border-width: @w; border-color: @c transparent transparent transparent; border-style: solid dashed dashed dashed ; } 里面的参数必带 .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编译查看全部
-
嵌套时,hover的写法查看全部
-
css画三角形查看全部
-
可带参数，随意改变边框的宽度，或者div的宽度和高度查看全部
-
变量@..... 可以选择叠加例如：a{...},b{a;...}查看全部
-
http://koala-app.com/index-zh.html查看全部
-
混合-带参数有值得栗子：.border_3(@border-size:10px){border:solid green @border-size;} text{border_3();} //如果日后需要更改值，在()里修改值，比如border_3(20px)查看全部
-
混合-带参数栗子：.border_02(@border){border: solid yellow @border;} #text{.border_2(30px);}查看全部
举报
0/150
提交
取消