calc（--x-y）是有效的CSS语法吗？

我正在使用VisualStudio及其捆绑功能来缩小CSS文件

发现以下指令时返回错误：

.ui.card .image > .ui.ribbon.label,
.ui.image > .ui.ribbon.label {
  left: calc(--0.05rem - 1.2em);
}

这就是为什么我想知道这是否是一个有效的CSS语法，如果我去掉那个“额外”的减号，一切都会好起来。

是

calc（-x-y）

一个有效的CSS语法吗？

自定义属性是名称以两个破折号开头的任何属性（U+002D连字符减号），如

--foo

。

产品与此对应：它被定义为任何以两个破折号开头的有效标识符，除了

--

本身，它是为CSS将来使用而保留的。自定义属性仅供作者和用户使用；CSS永远不会给他们一个超出这里所展示的意义

使用自定义属性的示例：

：根目录{
--背色：红色；
}
p{
背景：var（--背景色）；
}

---

你好，StackOverflow

不，这不是

--0.05rem

应该做什么？

--

语法是为保留的，例如

--myFavoriteColor:red；背景色：var（--myFavoriteColor）

该代码段来自，如果无效，他们为什么要使用它？我敢打赌，是您的迷你程序造成了问题。如果您可以让它忽略某些规则或其他内容，那就好了--转换变量时出现了一些错误，看起来可能只有当它是负数时，或者不，谢谢！哇，这太奇怪了，它正在实现这种语法。@Jamo我确实认为是VS（VS代码）的缩略器引起了一个问题。@D_N，那么你认为语法是正确的，这更像是VS问题吗？@Jamo这取决于它之前的内容。minifier似乎在解释变量，或者存在声明变量的问题（语义方面，或者您的），或者它只是minifier方面的一个简单错误。输出错误，如图所示<代码>--在输出中不起作用，如图所示。。。。但使用or是正确的。可能取决于版本或选项。