less引入、关键字、条件表达式、循环、合并属性

引入:可以引用其他文件使用其变量

    用法:@import ”main“//引入main.less文件

       可以带参数:默认once

             @import(reference)”main“/引用但不输出

                @import(inline)”main“/引用但不操作,不能使用其变量

             @import(less)”main“/将引入文件当成less处理

             @import(css)”main“/将引入文件当成css处理,引入css时是不操作的,原样输出

            @import(multiple)”main“/允许引用多次相同文件名的文件

关键字:!important 加在混合集后可以使所有属性都提升权重

条件表达式

  带条件的混合:lightness()表示亮度

  .public(@color)when(lightness(@color)>=50%) {
    background: black;
  }
  .public(@color)when(lightness(@color)<50%) {
    background: white;
  }
  .public(@color){
    color: @color;
  }
  .class1{
    .public(rgb(128,245,234));
  }
  .class2{
    .public(rgb(33,44,55));
  }

  判断值得函数:iscolor()、isnumber()

  检查单位函数:ispixel()、ispercentage()

循环

  .loop(@count) when(@count>0){
    h@{count}{
    margin:@count*10px ;
  }
  .loop((@count - 1));//注意变量和运算符之间一定要有空格
  }

  div{
    .loop(6)
  }

合并属性:+_表示用空格分开属性;+表示用逗号分开

  .my(){
    background+_:url('ns/jpg') ;
  }
  .class1{
    .my;
    background+_:#000;
  }//.class1 {background: url('ns/jpg') #000;}

原文地址:https://www.cnblogs.com/obeing/p/5173656.html