如何使用无单元CSS变量并在以后添加所需的单元？

我试图用一个数字设置CSS变量，然后我想在CSS中使用它作为一个百分比，而在其他地方，我需要将它用作一些

calc（）

操作的普通数字

范例

--mywidth:10;

div{width:var(--mywidth) + %;}  --- should be ---> width:10%

有可能吗？

使用

calc（）

并与任何单位进行简单乘法：

div{width:calc(var(--mywidth) * 1%);}

例如：

：根目录{
--a:50；
}
.盒子{
宽度：计算值（var（--a）*1%）；
边框：calc（var（--a）*0.5px）实心红色；
背景：线性梯度（钙（var（--a）*0.8度），蓝色50%，绿色0）；
填充：20px；
框大小：边框框；
}