less中的变量
1、声明变量:@变量名:变量值 使用变量名:@变量名 less中的变量类型 ①数字类1 10px ②字符串:无引号字符串red和有引号字符串"haha"③颜色类red#000000 rgb() ④值列表类型:用逗号或空格分隔10px sold red
>>>变量使用原则:多次频繁出现的值需要修改的值,设为变量 2、混合(mixings)
①无惨混合 声明·;name{} 选择器调用:.name; ②带参混合 无默认值声明:.name(@param){} 调用:.name(parValue); 有默认值声明:.name(@param.value){} 调用:.name(parValue);parvalue可省 >>>如果声明时,参数没有默认值,则调用时必须赋值,否则会报错! >>>无参混合:会在css中编译除同名的class选择器,有参的不会 3、LESS匹配模式使用混合进行匹配 ,类似于if结构。
>>>声明.name(条件一,参数){} .name(条件二,参数){} .name(@_,参数){}; >>>调用:.name(条件值,参数值); >>>匹配规则:根据调用时提供的条件值,去寻找与之匹配的“Mixins”执行。其中@_表示永远需要执行的部分 。 4、less中运算 加、减、乘、除在运算时可带单位或不带单位, 颜色运算时,红绿蓝分三组计算,组内可进位,组间互不干涉。