zoukankan      html  css  js  c++  java
  • 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;}

  • 相关阅读:
    高级定制_百度百科
    大叔也学Xamarin系列
    WebApi系列~dynamic让你的省了很多临时类
    大叔也说Xamarin~Android篇~支付宝SDK的集成
    知方可补不足~sqlserver中使用ROW_NUMBER进行的快速分页
    EF架构~有时使用SQL更方便
    【deep learning学习笔记】注释yusugomori的LR代码 --- LogisticRegression.h
    线程同步
    泛型接口的实现方式之二
    jsp获得本地及serverIP的方法
  • 原文地址:https://www.cnblogs.com/obeing/p/5173656.html
Copyright © 2011-2022 走看看