-
Less 里嵌套 & 表示上一层选择器查看全部
-
less 中导入less 文件时可以不加拓展名 例：@import "less1" less 中导入 css 文件时需要加拓展名 ：@import (less) "test.css"查看全部
-
@arguments包含了所有传递进来的参数。 例如：.border_arg(@w:30px,@c:red,@ww:solid){ border:@arguments;//包含所有参数 } .test_arguments{ .border_arg(40px); } 输出： .test_arguments{ .border:40px #ff0000 solid; }查看全部
-
a{ float:left; &:hover{ //& 表示上一层选择器 color:red; } }查看全部
-
三角形 .triangle(top,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent transparent @c transparent; border-style: dashed dashed solid dashed; } .triangle(bottom,@w:10px,@c:#ccc){ border-width:@w; border-color:@c transparent transparent transparent; border-style:solid dashed dashed dashed; } .triangle(left,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent @c transparent transparent; border-style:dashed solid dashed dashed; } .triangle(right,@w:10px,@c:#ccc){ border-width:@w; border-color:transparent transparent transparent @c; border-style: dashed dashed dashed solid; } .triangle(@_,@w:10px,@c:#ccc){ width:0; height:0; overflow: hidden; } .sanjiao{ .triangle(right); }查看全部
-
声明： less 中 用 @符号声明变量,如：@width：100px; 使用变量，如：div{width:@width;}查看全部
-
//混合 .border{ border:solid 5px pink; } .box2{ .box; margin-left:100px; } //混合--可带参数的 .border_02(@border-width){ border:solid yellow @border-width; } .test_hunhe{ .border_02(30px); } //混合--默认带值 .border_03(@border_width:10px){ border:solid green @border_width; } .test_hunhe_03{ .border_03(); }查看全部
-
&代表上一层选择器查看全部
-
不带参数或值的混合，就可以直接混合class，如果是带参数和值的，混合的时候就必须加（），带值中，如果不使用默认值就可以直接在括号里面加上值查看全部
-
less文件里面的注释有两种： /**/会被编译到css文件里边； //不会被编译到css文件里边查看全部
-
css画三角查看全部
-
less中以@声明变量查看全部
-
处理浮动换行的问题。给父级元素添加负的margin查看全部
-
用css写三角查看全部
-
lesscss查看全部
举报
0/150
提交
取消