-
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; } }查看全部
-
運(yùn)算 + - * /查看全部
-
.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; } //待參數(shù) 樣式 .border_01(@border_width){ border:solid @border_width red; }查看全部
-
less 中 用 @符號聲明變量 用 @變量名 引用 變量查看全部
-
less /**/ 注釋 會被編譯 （會在css中顯示注釋），//注釋 不會被編譯 （不會在css中顯示注釋內(nèi)內(nèi)容）查看全部
-
.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 混合 可以將其他類的樣式應(yīng)用帶另一個類中 .class1{ .class2; } less混合可以帶參數(shù)，參數(shù)可以有默認(rèn)值查看全部
-
less注釋 /* 會被編譯到css文件中 */ // 不會編譯到css文件中 為了減少css文件的大小一般采用//的方式注釋 聲明變量的方式是@property:value;查看全部
舉報(bào)
0/150
提交
取消