• 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;}

  • 相关阅读:
    Python基础(6)--条件、循环
    sql中limit和汇总函数的集合使用
    mysql查看表结构
    Axure RP Extension for Chrome
    安装android studio报错Failed to install Intel HAXM.
    java8 环境变量设置
    C、C++文件操作大全
    sqlite3 sqlite3_prepare、sqlite3_step使用
    C/C++获取当前系统时间
    C++ 字符串转化成浮点型
  • 原文地址:https://www.cnblogs.com/obeing/p/5173656.html
Copyright © 2020-2023  润新知