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

  • 相关阅读:
    文件的基本操作(1)
    ajax实现分页和分页查询
    ajax 实现三级联动下拉菜单
    ajax 实现加载页面、删除、查看详细信息,以及bootstrap网页的美化
    ajax 实现页面加载和内容的删除
    ajax 写登录
    jquery 的基础知识,以及和Javascript的区别
    PHP 实现简单购物车功能(2)
    php 实现简单加入购物车
    《zw版·Halcon-delphi系列原创教程》 Halcon分类函数014,tuple,元组
  • 原文地址:https://www.cnblogs.com/obeing/p/5173656.html
Copyright © 2011-2022 走看看