less样式嵌套规则和&符号的使用

一.嵌套写法：

.xkd{
   font-size: 14px;
   p{
      line-height: 25px;
      span{
         color: #ccc;
      }
   }
}

编译后：

.xkd{
  font-size: 14px;
}
.xkd p{
  line-height: 25px;
}
.xkd p span{
  color: #ccc;
}

二.&符号的使用：

编译前：

.xkd{
   &one{
      font-size: 12px;
   }
   &:hover{
       color: #fff;
   }
}

编译后：

.xkdone {
  font-size: 12px;
}
.xkd:hover {
  color: #fff;
}

编译前：

.xkd{
   &-one{
       font-size: 14px;
   }
   &-two{
       font-size: 16px;
   }
   &-three{
       font-size: 18px;
   }
}

编译后：

.xkd-one {
  font-size: 14px;
}
.xkd-two {
  font-size: 16px;
}
.xkd-three {
  font-size: 18px;
}