我有这段 LESS 代码:
.generate-spans(@columns; @prefix; @current: 1) when (@current =< @columns) {
.span-@{prefix}-@{current} {
width: (@current/@columns*100%);
}
.generate-spans(@columns, @prefix, (@current + 1));
}
.generate-spans(12, "large");
它应该生成这样的东西:
.span-large-1 {
width: 8.333333333333332%%;
}
.span-large-2
width: 16.666666666666664%;
}
.....
但它只是返回错误:对...中的无效类型进行操作
如何使代码按预期工作?
最佳答案
您的代码可以在 Less 1.7.0 中运行。在这里试试:http://lesstester.com/
唯一的拼写错误是引号中的名称,您应该将其删除:
.generate-spans(12, large);
该修复也可能使其在您正在使用的 Less 版本中正常工作。
如果由于某种原因您必须使用引号,您也可以尝试:
.generate-spans(12, ~"large");
这将从生成的 CSS 中删除引号。
关于LESS CSS 网格混合,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22791867/