減CSS： '計算值（X + Y）' 輸出 '計算值（Z）'，而不是僅僅 'Z'

Question

我有以下CSS規則：

@somevar = 8px 
.someclass { width: calc(8px + @somevar); } 

處理（lessc 2.7.1）後，它輸出：

.someclass { width: calc(16px); } 

但是'calc（）'操作被舊版本的瀏覽器忽略，這裏顯然不需要，因爲沒有什麼可以計算的。

那麼，如何得到它的輸出

.someclass { width: 16px; } 

Answer 1

如果你不想做calc出現在你的輸出，不包括它的輸入。

正如評論中指出的那樣，calc對於less編譯器不是必需的，它是一個css函數。

那麼這將工作：

@somevar: 16px; 
.someclass { width: 16px + @somevar; } 

輸出：

.someclass { width: 32px; }