less 中 .class1 > .class2 > .val(20px) 解释

style.less

.class1 {
  .class2 {
    .val(@param) {
      font-size: @param;
      color:green;
    }
  }
}

.myclass {
  .class1 > .class2 > .val(20px);
}

接下来执行上面的命令，它将用下面的代码自动创建 style.css 文件:

style.css

.myclass {
  font-size: 20px;
  color: green;
}

解释说明：less定义样式的写法和获取样式的写法需要一致 上面定义的时候是一级级往下写的，那么获取的时候也就需要一级级往下写 否则会报错，如果不是一致的话我用sublime保存的时候是会报错的，如下图

 同时用koala编译的时候也是报错，编译不成功