2016-09-20 67 views
0

我有以下CSS规则:减CSS: '计算值(X + Y)' 输出 '计算值(Z)',而不是仅仅 'Z'

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

处理(lessc 2.7.1)后,它输出:

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

但是'calc()'操作被旧版本的浏览器忽略,这里显然不需要,因为没有什么可以计算的。

那么,如何得到它的输出

.someclass { width: 16px; } 
+1

'只是做X + y' ... – YOU

+0

咦的作品?大声笑以及我有一些按Ctrl-F-ing做:P – REJH

回答

3

如果你不想做calc出现在你的输出,不包括它的输入。

正如评论中指出的那样,calc对于less编译器不是必需的,它是一个css函数。

那么这将工作:

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

输出:

.someclass { width: 32px; } 
+1

也许你应该提到'calc'是CSS的一部分,而不是更少。 –

+1

我建议编辑,需要同行评审。 – REJH

+1

@REJH完成,谢谢! – Thomas

相关问题