为什么将这些CSS变量传递给calc后不起作用？

问题描述

这是一个简单的尝试，蓝色边框应为7px而不是3px。为什么不起作用？

:root {
    --sum-a: 1px;
    --sum-b: 2px;
    --sum: (var(--sum-a) + var(--sum-b))
}

div {
    width: 100px;
    height: 100px;
}

.one {
    border: calc(var(--sum)) solid pink;
}

.two {
    --sum-a: 4px;
    --sum-b: 3px;
    border: calc(var(--sum)) solid cornflowerblue;
}

<div class="one"></div>
<div class="two"></div>

我希望--sum-a和--sum-b“ args”可以传递给--sum“ function”。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）