看了一些视频,终于学会了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);,这个写成等号和冒号在浏览器都可以识别,但在考拉这里要注意