Question

我正在使用一个崇高的文本2插件less2css来将我的少文件编译成css文件。我遇到的问题是该插件不会编译我的mixin，它用于动态创建标题字体大小。我已经使用online less compiler测试了mixin，它提供了无用的优惠，而且似乎工作得很好。

这只是插件的错误，还是我在mixin中做了一些完全错误的事情？

密新：

@fontSize: 24px;
.calcFontSize(@index) when (@index > 0) {
    (~'h@{index}') {
        font-size: @fontSize - @index * 3;
    }

    .calcFontSize(@index - 1);
}
.calcFontSize(0) {}
.calcFontSize(6);

问题似乎发生在这一行：(~'h@{index}') {。将其更改为h1（或任何其他标题元素）可以正常工作。

Answer 1

你的代码（我也相信WINLESS，这也就是它在那里工作的原因）是为LESS CSS使用旧语法。当设置为LESS 1.3.0-1.3.3时，您的代码在http://less2css.org/处编译良好，但LESS 1.4+的语法更改（无需插值）。因此，如果您的Sublime已将LESS升级到1.4+，那么这就解释了为什么您的代码不起作用。

如果这实际上是问题所在，那么您只需更改行的语法，如下所示：

h@{index} {
    font-size: @fontSize - @index * 3;
}

对于1.4以上版本的LESS，您可以看到http://less2css.org/。

less2css不会编译动态创建的类名

1 个答案: