less

学习是个不断深入的过程，记录自己在使用过程中的坑，技巧，心得。当然参考的文章讲解很好的就不用再重复写了，感谢前人的肩膀。

书写规范：

1:在普通的less文件里，2个class的公用样式，这样写编译正常：

.w100,
.w1200{
    color: red;
}

但是在mixins里，这样写就编译通不过(基于version-1.4.2)：

.test(){
    .w100,
    .w120{
        color: red;
    }
}

在mixins里，应该这样写（就说2个class要写在同一行）：

.test(){
    .w100, .w120{
        color: red;
    }
}

经测试，在1.5以后的版本里以上2种写法正正确

2、mixins必须得写在选择器内部，而不能直接在根选择器下使用：

比如有这么个mixin:

.preference(@color){
  background-color: @color;
}

在使用时，不能直接在root下使用：

.preference(#f60);

要这样才行，必须在一个选择器内部使用：

.main{
	.preference(#f60);
}

3、@import  表达式结尾一定的有分好（;）。

4、插值时，注意选择器插值和字符串插值的变量声明区别：

例如这样：

@yyp: "123";

.@{yyp}{
  color: red;
  font-size: @yyp;
  background-image: url("@{yyp}/images/bg.png");
}

编译后：

."123"{
  color:red;
  font-size:"123";
  background-image:url("123/images/bg.png")
}

从而的出的结论是：

        如果是表达式插值或者普通属性赋值，那么变量的值不能带引号，因为会带引号输出；

        如果是字符串插值的 话，变量值可有也可没有双引号。

<pre code_snippet_id="100452" snippet_file_name="blog_20131206_4_3970662">