您好,我的代码较少,而且我试图利用less来获得以下内容:
我期待的是:
@media only screen {
#testphone {
display: block;
background-color: blue;
}
}
我的代码:
#testPhone {
.testPhone({
& {
display: block;
background-color: blue;
}
});
}
.testPhone( @rules ){
.startQuery();
.screenOnly( @myQuery );
.create( @newQuery; @rules );
}
.create( @newQuery; @rules ){
@{newQuery} {
@rules();
}
}
.screenOnly( @myQuery ){
@newQuery: "@{myQuery} only screen";
}
.startQuery(){
@myQuery: "@media";
}
我得到了什么:
#testPhone "@media only screen" {
display: block;
background-color: blue;
}
我认为出了什么问题:
在.create
mixin中,当我调用@{newQuery}
来插入@newQuery
变量时,它不会删除该变量的字符串。