less用法
1.注釋
//這個(gè)注釋無法被解析
2.變量
@aa:20px;
@bb:1px solid red;
@cc:blues;
3.嵌套
/*傳參的用法*/
.box(@cc){
color:@ccc;
width:@aaa;
border:@bbb;
}
.box2{
.box(30px);
}
4.混入
傳統(tǒng)寫法
.layout{}
.layout div{}
.layout div a{}
less寫法
.layout{
>div{
color:red;
a{
text-align:center;
}
}
>div::nth-child(2){
color:pink;
}
}
5.導(dǎo)入
@import "b.less"導(dǎo)入另一個(gè)b.less文件穿铆∩遥可以使用b.less變量堰塌，樣式或者函數(shù)碍现。
