这个 css 做了什么：~"-moz-calc(..)"

Question

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

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

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

Answer 1

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

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