少了什么？css中的jquery可以使用多种编译环境将less转换为css。我使用node来安装less文件。lesswritelessdomore从程序员的角度写css。css3的外观兼容less。easy-webkit--moz--o-等。使用less的混合写法更方便。less中的变量@name:value在height:@nameless中的类混用时使用。在少之前，我想要一个div有两个类。要得到效果，只能在这个div中添加两个class，达到混合两个class的效果，但是有了less之后，就不再需要两个class了。你只需要将需要混合的类放在less中即可。less.bg{height:@test_width;background:red;.border;}.border{border:10pxsolid#0D3349;}生成的css.bg{height:300px;背景：红色；border:10pxsolid#0D3349;}通过这个函数，你可以实现可以提取出很多类的公共代码，然后使用mix将这部分公共代码添加到每个类中。less中的mixwithparameters可以在需要混合的部分加上参数，这样在其他类调用less的时候更加灵活。bg{height:@test_width;background:red;.border(11px);}.border(@border_width){border:@border_widthsolid#0D3349;}生成的csscode.bg{height:300px;背景：红色；border:11pxsolid#0D3349;}为此参数指定默认值less为@border_width.bg指定默认值10px{height:@test_width;background:red;.border();}.border(@border_width:10px){border:@border_widthsolid#0D3349;}值得注意的是.bg只是一个定义在.border中调用了生成css的过程，这样在调用这个mix的时候，即使没有参数也不会报错。生成的css如下css.bg{height:300px;背景：红色；边框：10px实心#0D3349；}less中的匹配方式相当于js中的if但不完全是less出现前在页面上写一个三角形的方法。三焦{宽度：0；高度：0；溢出：隐藏；边框宽度：10px;border-color：透明透明红色透明；border-style:dasheddashedsoliddashed;//dashed是为了兼容ie6}使用less匹配方式来实现.tringle(top,@w:10px,@c:red){border-width:@w;边框颜色：@c；border-style:dasheddashedsoliddashed;}.tringle(bottom,@w:10px,@c:red){边框宽度：@w;边框颜色：@c；border-style:soliddasheddasheddashed;}.tringle(@_,@w:10px,@c:red){//无论执行哪个tringle，都执行这个，必须携带后两个参数width:0;height:0;overflow:hidden;}.sanjiao_shang{.tringle(top)}.sanjiao_xia{.tringle(bottom)}generatedcss.sanjiao_shang{border-width:10px;边框颜色：红色；border-style:dasheddashedsoliddashed;宽度：0；高度：0；溢出：隐藏；}.sanjiao_xia{border-宽度：10px；边框颜色：红色；border-style:soliddasheddasheddashed;宽度：0；高度：0；溢出：隐藏；整数不需要管理单位，颜色也可以计算。嵌套规则较少，但尽量减少css中的嵌套以提高网络性能。less.list{宽度：600px；边距：30px自动；填充：0；li{高度：30px;}a{&:hover{//&代表前面选择器color生成的css.list:#6ba82f;}}}{宽度：600px；边距：30px自动；padding:0;}.listli{height:30px;}.lista:hover{color:#6ba82f;}@argumentslesscodeinless.test(@w:30px,@c:red,@xx:solid){border:@arguments;}.tt1{.test()}将生成csscode.tt1{border:30pxredsolid;}
