less嵌套的使用

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第5天，点击查看活动详情 >>

@red:red;
@blue:blue;
div{
  color:@red;
  border:  1px  solid  @blue;
  ul{
    li{
      a{
        cursor: pointer;
      }
    }
  }
}

/* 函数的方式来写样式 */
// .box(@red1:green){
//   color:@red1;
// }

// div{
//   .box(yellow);
// }
.h1(@b:skyblue){
  color:@b;
}
div{
  .h1(pink);
}

以上就是使用less 的嵌套 类似跟鞋函数一样可以调用以及传参