less语法小结

注释:    /**/在编译后的文件里是保留的

//在编译后的文件里没有

变量:   @变量名:值;

    比如   @width:100px;

       .box{

       width:@width;

       }

混合:    .box{

      with:100px;

      height:100px;

      .border;

    }

    .border{

      border:1px solid red

    }

混合(带参数带值):

    

    .box {

      with:100px;

      height:100px;

      .border(10px);

    }

    .border(@width:1px) {

      border:@width  solid  red

    }

    也可以只带参数不带值,但这样的话 .border 就仅仅是一个模板,不起实际作用了,另外,如果只带参数,那么引用的时候必须填值,如果带参数带值,可以.border()

匹配模式:

    .boxOne {

      .border(second,10px)

    }

    .border(first) {

      border:1px  solid  red

    }

    

    .border(second,@width) {

      border:@width solid  red

    }

    

    .border(@_,@width) {

      color:white;

    }

运算: @width:100px;

    .border{

      width:@width + 20

    }

    20可以带单位px,也可以不带单位,两个只要一个带单位就可以

嵌套:   a{

      color:white;

      &:hover{

        color:red;

      }

      span{

        width:10px;

      }

    }

时间: 2024-10-31 04:21:35

less语法小结的相关文章

Swift 语法小结

Swift 语法小结 1.  Optional 就是枚举 An Optional is just an enum enum Optional<T>{ case None case Some(T) } 2.Array的声明 var a=Array<String>() var a=[String]() let a=["A","B","C"]不可改 let b=a[3] 遍历Array可使用for in for array in

XML语法小结

语法结构主要要求: (1)有且仅有一个根元素. 根元素也称文档元素,整个 XML 文档的其他元素都包含在根元素中,并通过嵌套形成树 型结构.除了根元素外,其他元素都是子元素. (2)每个元素必须有开始标记和结束标记,除非用特定的空元素标记"<元素/>":  开始标记的格式是:<标记名称> 结束标记的格式是:</标记名称> 开始标记和结束标记将 XML 文档中的数据进行结构化组织,确定元素内容.范围和相互 关系. (3)元素必须正确嵌套.元素嵌套时不允

smali语法小结

smali语言是Davlik的寄存器语言,语法上和汇编语言相似,Dalvik VM与JVM的最大的区别之一就是Dalvik VM是基于寄存器的.基于寄存器的意思是,在smali里的所有操作都必须经过寄存器来进行.Link Smali-数据类型 Davlik字节码中,寄存器都是32位的,能够支持任何类型,64位类型(Long/Double)用2个寄存器表示.Dalvik字节码有两种类型:原始类型:引用类型(包括对象和数组)@link. M1.基本数据类型 V void Z boolean B by

mongodb 语法小结

数据库 一个mongodb中可以建立多个数据库. MongoDB的默认数据库为"db",该数据库存储在data目录中. MongoDB的单个实例可以容纳多个独立的数据库,每一个都有自己的集合和权限,不同的数据库也放置在不同的文件中. "show dbs" 命令可以显示所有数据的列表. 执行 "db" 命令可以显示当前数据库对象或集合. 运行"use"命令,可以连接到一个指定的数据库. > show dbs admin 0

Java最最基础的语法小结

一定得记住,不然吃大亏了真的 注意不可同时运行,每次只能运行一个类型 1 package aad;///建根文件的时候选择了这一项就要写,没选择可以不用写 2 import java.io.*; 3 import java.math.BigInteger; 4 import java.util.*; 5 6 public class main///class的名字 public也是在建立main class的时候选择了就要写,没选可删掉 7 { 8 public static void main

javascript奇葩语法小结

//相当于 x = a ? a  : b ; var x = a || b; //执行a()如果它返回true则执行b()并返回b()的值,否则不执行b(),并返回a()执行的值 a() && b(); //执行a()后如果返回true,则返回a()的值,b()不执行,如果a()执行后的值为false这执行b(),并返回b()的值,&&优先级高于|| a() || b() //定义一个空对象 var x ={}; //给对象添加新的属性 x.prototype = { a 

markdown语法小结

引用数学公式1 \[ \begin{equation} \pi^2=x^2+y \label{eq_lab1} \end{equation} \] Here we cite this equation by \(\eqref{eq_lab1}\) $$ \begin{equation} \pi^2=x^2+y \label{eq_lab1} \end{equation} $$ Here we cite this equation by $\eqref{eq_lab1}$ 设置字体颜色2 some

python3 async语法小结

学习了三篇关于异步IO的文章: (1) http://python.jobbole.com/87310/ (2) http://python.jobbole.com/87541/ (3) http://python.jobbole.com/88427/整理一下学习心得: 1 # _*_ coding: utf-8 _*_ 2 import asyncio 3 import functools 4 5 6 async def do_some_work(x): 7 print("\033[;31mW

Linq知识小结

Linq语法小结:有两种形式的语法可供我们在写Linq查询时使用,分别是“查询语法”.“方法语法”.1)先看个列子,有个直观认识     int[] arr = { 12, 2,45,34,23,18,4};     //查询语法形式(推荐使用这种).返回的是一个可枚举类型     IEnumerable<int> results = from temp in arr                                where temp > 20