版本问题如果使用Vue3.0报错,请使用这两个版本npminstallless@2.7.3--save-devnpminstallless-loader@4.1.0--save1.level的关系可以让这个框范围内的所有东西都被包含进去,这样就可以完美的调整,不用到处找行数和数字,我刚才覆盖的地方。一眼就能看出来!.box{宽度:100%;高度:300px;p{边距:10px;跨度{填充:10px;a{列表样式:无;&:nth-child(1){}}}}}2.主色小米、诺基亚等公司使用的主色都有自己的主色。要是每次都加一个#e23615太麻烦了,要是诺基亚要搞活动!过年换红!你完成了。..你做了无数的背景和字体颜色。此时less解决了这个问题@bg-color:#000;@ft-color:#e1e1e1;.bg-color{background:@bg-color;颜色:@ft-color;填充:8px25px;}3。将其用作函数。比如我在box1中使用了很多漂亮的样式,想在box2中使用,但是必须把它们的样式10行全部复制过来,多次使用很麻烦。该怎么办?这次把它当作一个函数,第一个:最简单的,把它放进去就行了。x{background:#000;宽度:300px;高度:100px;}.box{.x;border:1pxsolid#ccc}//相当正因如此,可以多次使用!//再也不用担心我的学习了,西洋双陆棋打火机,点不进去.box{background:#000;宽度:300px;高度:100px;border:1pxsolid#ccc}第二种:函数回调的时候,自己的颜色不知道怎么办,没关系*@color是function(a)中的a,你可以命名它盲目*@color可以放默认值和偷懒,或者你可以放一个新颜色。.x(@color){背景:@color;border:1pxsolid@color}.x(@color:#ccc){背景:@color;border:1pxsolid@color}.box{.x(#000);display:flex;}//相当于去了一个地方,换了一个主题。再也不用担心我的学习了。4.一个班级有N个计划。比如这个班叫kings,我给他做了4个主题,大小都完全不一样。这个时候还不能叫kings1,kings2,kings3,先把方案都安排好吧!然后框显示。相当于一个电视,你放N个台,选你要看的电视剧@_其实就是默认的意思,什么都不加就留空,所以要加a或者b或者c,就是这样另一种解决方案。king(@_,@width:1px,@height:1p,@bg:#fff){宽度:@width;身高:@身高;背景:@bg;}.king(a,@width:100px,@height:100p,@bg:#000){width:@width;身高:@身高;背景:@bg;}.king(b,@width:200px,@height:200p,@bg:#f88){width:@width;高度:@height;背景:@bg;}.king(c,@width:300px,@height:300p,@bg:#0000CC;){width:@width;身高:@身高;背景:@bg;}.box{.king(a)}5.一个简单的计算器,基本的加减乘除都可以在这里使用,不用担心在这个过程中将pxrem加到a上。@a:100px;.box{width:(a/2)+3-5*2;}6.arguments的使用其实就是用来分尸的。比如边框的分布:用数字、样式、颜色拼出来。border:1pxsolid#ccc有没有办法用一个KO?即arguments.bor(@a:1px,@b:solid,@c:#000){border:@arguments}.box1{.bor();}.box2{.bor(20px,dashed,#ccc);}
