带变量和乘法的CSS计算

我正在使用Nu Html检查器验证CSS：

考虑以下CSS：

:root {
  --target-size: 48px;
}

.test1 {
  flex: 0 0 calc(var(--target-size) + 1px);
}

.test2 {
  min-height: calc(var(--target-size) - 0.5rem);
}

.test3 {
  flex: 0 0 calc(320px - 3 * var(--target-size));
}

验证程序报告

.test1

和

.test2

没有错误

但是，对于

.test3

，验证器报告此错误：

错误：flex:类型不兼容

我知道CSS规则规定，对于乘法，至少有一个参数必须是

。我不认为这违反了法律。我尝试将乘法嵌套在另一个calc（）中，但错误仍然存在

---

知道这条规则有什么问题吗？以及如何纠正它吗？

如果您切换乘法顺序，它似乎可以工作：

flex:0计算（320px-var（--目标大小）*3）

您对
参数的解释是正确的，但没有注意到数字必须在乘法的右侧。
您是否尝试过
flex:0 0计算（320px-（var（-target size）*3））
？我认为这与松散的“3”有关……你先说的，我没有看到这个对不起，事实上你的建议指向了正确的方向。操作数顺序似乎很关键。”3*var（--目标大小）“失败”var（--目标尺寸）*3'通道。谢谢