css - 这个 css 是做什么的 : ~"-moz-calc(..)"

Question

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

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

现在我知道了 -moz-calc，但为什么这是一个字符串，'~' 的含义是什么？

Answer 1

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

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