如何使用calc()重新计算子元素中的css变量(自定义属性)的新值，以修改从父元素继承的值？
这不起作用:
div {
height: var(--foo);
border: 1px solid #f00;
}
.a {
--foo: 100px;
}
.b {
--foo: calc(var(--foo) - 25px);
}<div class=a>
<div class=b>
foo box
</div>
</div>浏览器似乎完全取消了.b上--foo的值.
在calc()表达式中使用关键字inherit也不起作用.