这个css做了什么：〜“ - moz-calc（..）”

Question

我刚注意到一个看起来像这样的css规则

width: ~"-moz-calc(100% - 10px)";

现在我知道了-moz-calc，但为什么这是一个字符串，'〜'是什么意思？

Answer 1

这实际上是LESS，一个CSS预处理器。

~""语法会创建一个literal value，但不会将其内容处理为LESS 否则，它会尝试将-moz-calc()编译为LESS函数。