Question

LESS函数中怎么使用%取余

.bgimgwhile(@counter) when (@counter < 76 ) {
.emo-@{counter} {
background-position:@counter%%15*-26px floor(@counter/15)*-26px;
}
.bgimgwhile(( @counter + 1 ));// 递归调用自身
}
.bgimgwhile(1);
编译的时候报错

Answer 1

less中目前无法访问javascript，因为less只是对css进行了扩展封装。 

less的优点：

1. 清晰的css逻辑结构，使处于#header选择器的css样式全部写在#header样式块中。

2. 2.样式变量，less称为混合模式

3. 其中.red (){ color: red; .co{ border: 1px solid red;} }与.red { color: red; .co{ border: 1px solid red;} }的写法，与效果是有本质区别的。

4. .red (){ color: red; .co{ border: 1px solid red;} } 相当建立了个样式变量，不会再css中显示，不会直接起作用，类似于未实例化。 只有在.class{}中调用才会起作用。调用的效果为.class{color: red; .co{ border: 1px solid red;}}这就防止了废弃不被使用css样式

5. .red {color: red; .co{ border: 1px solid red;}}是一个已经起作用的类，在.class{}中调用效果为 .class{color: red; .red{.co{ border: 1px solid red;}}}。

less自带winless一个将less自动生成css的工具，会自动监控指定的less文件，只要文件被更改就会自动更新生成新的被压缩的css文件。