关于less混合的简单用法（不是全部）

之前我在写css样式的时候都是传统写法，比如我们想实现两个div，他们的样式有很多都是一样的，之前我的做法是要么两个div写一样的css样式写两遍，要么给两个div添加相同的类名，因此每个项目下来我都感觉自己起了有无数个类名。。真的是想吐，好吧，直接上代码：

.box1{height: 100px;width:200px;margin: 50px auto;background: red;line-height: 100px;color:#fff}
.box2{height: 100px;width:200px;margin: 50px auto;background: red;line-height: 100px;color:blue}

但是用less写就完全不需要这样了：

.box1{height: 100px;width:200px;margin: 50px auto;background: red;line-height: 100px;color: #fff}
.box2{
  .box1;
  color: blue;
}

上下对比，高下立判；

很多时候我们会用到 hover 这个伪类，代码：

.hover(){
  &:hover{color: darkblue}
}

.box2{
  .box1;
  .hover();   //.hover()
  color: blue;
}

是不是很强大？不用再一个个写hover了  最后欢迎大神们指正 好了，不早了，睡觉