如何将 javascript 表达式的输出添加到我的 CSS 中?
有没有办法将 javascript 表达式的输出(这是一系列类)放入 LESS 生成的 CSS 中? 例如,我想输出:
.grid_1 { .grd(1); } .grid_2 { .grd(2); } .grid_3 { .grd(3); } .grid_4 { .grd(4); } .grid_5 { .grd(5); } .grid_6 { .grd(6); } .grid_7 { .grd(7); } .grid_8 { .grd(8); } .grid_9 { .grd(9); } .grid_10 { .grd(10); } .grid_11 { .grd(11); } .grid_12 { .grd(12); }
……通过在 LESS 中包含此代码:
`(function(b){var a="";for(i=1;i<b;i++)a+=".grid_"+i+" { .grd("+i+"); }\n";return a})(12)`;
Is there any way to throw a javascript expression's output (which is a series of classes) into the CSS generated by LESS?
For example, i want to output:
.grid_1 { .grd(1); } .grid_2 { .grd(2); } .grid_3 { .grd(3); } .grid_4 { .grd(4); } .grid_5 { .grd(5); } .grid_6 { .grd(6); } .grid_7 { .grd(7); } .grid_8 { .grd(8); } .grid_9 { .grd(9); } .grid_10 { .grd(10); } .grid_11 { .grd(11); } .grid_12 { .grd(12); }
......by including this code in LESS:
`(function(b){var a="";for(i=1;i<b;i++)a+=".grid_"+i+" { .grd("+i+"); }\n";return a})(12)`;
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我认为 LESS 不可能做到这一点。 JavaScript 评估的范围似乎只适用于变量和 CSS 属性。
I do not think this is possible with LESS. The extent of the JavaScript evaluation appears to just work for variables and CSS properties.