less的使用

1）变量

        作为less的变量标记

        @primarycolor：#red

               h1{

                          color:@primarycolor

                }

         用变量生成选择器名

               .{primarycolor}{

                }

2） 嵌套

           &可表示父选择器

           a{

                    color:#333;

                   &:hover{

                              color:#666

                   }

              }

            生成重复的类名

           .button{

                    &-ok{  }

                    &-warn{   }

             }

3） 作用域 相当于局部变量与全局变量的区别

4） 混合  相当于定义一个函数

5） 约束和循环 （比较少用）