less的注意要点

看了一些视频，终于学会了css预处理器，现在把需要注意的要点写一下。（我用的是考拉来编译的）

 

要设置输出路径才能正确编译（这是基础）

1.当使用带括号的样式时，他不会编译

.posaa(){     
　　position: absolute; 
}

所以尽量使用.号，即class样式，把这类样式作为公共样式

 

2.

@w:100px; @h:100px; 

.div1(@w:100px)

{  

　　width: @w-20;  

　　height: @h;  

　　background: @color1; 

} 

 

这样是不会进行运算的

.div1(@w:100px){  

　　width: 100px-20;  

　　height: @h;  

　　background: @color1; 

} 

 

这样才会运算

 

3.导入less文件 @import 'reset';

导入css文件 @import 'abc.css';这个效果同CSS导入效果一样】

 

4.filter:alpha(opacity:60);识别不了

后来在QQ群里问，原来是自己写错了，要写成等号（=），filter:alpha(opacity=60);，这个写成等号和冒号在浏览器都可以识别，但在考拉这里要注意