less2css不會編譯動態創建的類名

Question

我使用的是一個崇高的文本2插件less2css來編譯我的較少文件到css文件中。我遇到的問題是插件不會編譯用於動態創建標題字體大小的mixin。我已經測試了混合與online less compiler哪些不勝的優惠，它似乎工作正常。

這只是插件的錯誤，還是我在我的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; 
} 

，你可以看到http://less2css.org/作品爲1.4+版本的更少。