-
用波浪号加双引号~"内容"避免编译,会输出原代码 .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
提交
取消