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

  • 相关阅读:
    自定义圆形图片控件
    获取手机屏幕长宽
    xml文件解析和序列化
    Java开发基础知识之学习篇——==和equals
    Java开发基础知识之学习篇——成员变量与局部变量
    Java开发基础知识之学习篇——String
    Java开发基础知识之认知篇——java初识
    Java开发基础知识之规范篇——命名规范
    Java开发基础知识之规范篇——排版规范
    nginx高性能配置的几个重要参数(java web应用)
  • 原文地址:https://www.cnblogs.com/obeing/p/5173656.html
Copyright © 2011-2022 走看看