-
less嵌套： .list{ list-style: none; margin:30px auto; padding:0px; width:600px; li{ height: 30px; padding:0 10px; background-color: pink; line-height: 30px; margin:10px; } a{ float:left; &:hover{ //& 表示上一层选择器 color:red; } } span{ float:right; } }查看全部
-
运算 + - * /查看全部
-
.pipei(top,@w:5px,@c:#eee){ border-width:@w; border-color:@c transparent transparent transparent; border-style:solid dashed dashed dashed; } .pipei(bottom,@w:5px,@c:#eee){ border-width:@w; border-color:transparent transparent @c transparent; border-style:dashed dashed solid dashed; } .pipei(left,@w:5px,@c:#eee){ border-width:@w; border-color:transparent @c transparent transparent; border-style:dashed solid dashed dashed; } .pipei(right,@w:5px,@c:#eee){ border-width:@w; border-color:transparent transparent transparent @c; border-style:dashed dashed dashed solid; } .pipei(@_,@w:5px,@c:#eee){ width:0; height:0; overflow:hidden; } .sanjiao_1{ .pipei(left,100px,#FFF); }查看全部
-
@_ (固定写法) 每次匹配都带的样式查看全部
-
less混合 （样式相互引用） .box{ background-color:#fff; .border; //引用border样式 } .border{ border:1px solid red; } //待参数 样式 .border_01(@border_width){ border:solid @border_width red; }查看全部
-
less 中 用 @符号声明变量 用 @变量名 引用 变量查看全部
-
less /**/ 注释 会被编译 （会在css中显示注释），//注释 不会被编译 （不会在css中显示注释内内容）查看全部
-
.border_arg(@w:30px,@c:red,@xx:solid){ border:@arguments; }查看全部
-
.list a:hover{ } .list{ a{ &:hover{ } } }查看全部
-
Less里混合声明，直接在另一个css语句里加入即可。查看全部
-
Less中声明变量要用@开头，例如@height:300px;查看全部
-
less嵌套 li{ a{ &:hover{// &代表上一层选择器} } }查看全部
-
less匹配 @_可以匹配任意值 始终都会匹配到.class(@_, XXX, XXX){}查看全部
-
less 混合 可以将其他类的样式应用带另一个类中 .class1{ .class2; } less混合可以带参数，参数可以有默认值查看全部
-
less注释 /* 会被编译到css文件中 */ // 不会编译到css文件中 为了减少css文件的大小一般采用//的方式注释 声明变量的方式是@property:value;查看全部
举报
0/150
提交
取消