less语法

less是基于css的扩展技术,通过引入变量、混合变量、函数、运算等实现;它简化了css代码,降低了维护成本。

     通过解析器-koala,将less转化为css文件。

一、变量:

  @变量名:值

  @text_300px;

     .box{

    @text_width;

    height:@text_width;

    }

二、带参数的混合:

  .border_01(@border_width){

               border:@border_width solid red;

                                             }

    .text_hunhe{

              . border_01(10px);

                    }

三、带默认值的混合:

     .border_02(@border_10px){

      border:@border_width solid green;

                    }

  .text_hunhe{

      .border_02();

         }

四、@arguments变量:

  .border_arg(@w:30px;@c:red;@xx:solid){

              border:@argunments;

                                            }

     .text_arguments{

                .border_arg(30px);

                           }

            

                 

     

原文地址:https://www.cnblogs.com/xingxing88/p/5878749.html