less 入门

一、特性

1、less中的注释

可以使用/**/也可使用//

2、变量

使用@来定义一个变量，比如

@test_width:300px

3、混合

可以将一个元素中多个的的样式写在一起，比如

我定义了一个边框的样式为border

.border{

    border:solid 5px yellow

}

我可以在不同的私房去使用这个边框的样式比如

.box{

   width:300px;

    height:300px;

    background-color:blue;

    .border;

}

.box2{

    .box;

    margin-left:100px

}

 

此外，还可以往里面传入参数

比如

.border_02(@border_width){

    border:solid yellow @border_width;

}

然后再使用它的地方传入特定的参数

.test_hunhe{

    .border_02(50px)

}