莱斯 （less）

Posted 2020-09-15

  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中运算
                加、减、乘、除在运算时可带单位或不带单位，
                颜色运算时，红绿蓝分三组计算，组内可进位，组间互不干涉。