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

  • 相关阅读:
    php--url操作
    css学习--细节总结
    css学习--盒子模型
    C语言编程 产生一个随机数
    C语言数据结构 链表总结
    C语言数据结构 双向链表以及基本功能实现
    C语言数据结构 单链表及其基本功能实现
    C语言数据结构 线性表的基本功能实现
    C语言编程 找出数列中只出现一次的两个数
    JAVA编程练习 创建风扇对象(开关 风速等)
  • 原文地址:https://www.cnblogs.com/obeing/p/5173656.html
Copyright © 2011-2022 走看看