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

Question

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

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

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

Answer 1

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

该~""语法创建一个不将其内容作为 LESS 处理的文字值。
否则，它将尝试编译-moz-calc()为 LESS 函数。