css中left:~'calc(20%)'这个“~”是什么意思？

Question

css中left:~'calc(20%)'这个“~”是什么意思？

Answer 1

calc 在 css 中可以直接用。

感觉题主说的像是 less 的语法，因为 less 中本来有 - 运算操作，所以在 calc 中就加上 ~" " 阻止被 less 编译。

比如 css 中

height: calc(100% - 30px);

代表就是 100% 高度减去 30 像素。

但是如果在 less 中也这么写，less 编译成 css 时就会变成

height: calc(70%);

因为 less 本身就有 ‘减’ 这个操作，所以就违背了原意，所以在 less 中，要写成：

height: ~"calc(100% - 30px)";

就不会有问题了，可以正确编译了。

Answer 2

需要编译的。

Answer 3

为了能够让less正确编译。