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编译的时候也是报错，编译不成功