从另一个值计算css样式值？

Question

我想根据其他值计算一些值。例如：

.my-div {
  width: 50px;
  height: calc(width * 2)
}

有可能吗？

Answer 1

请参阅calc

上的MDN article

这是一个实验性功能，并且可能 - 例如：

.my-div {
  width: 50px;
  height: calc(50px * 2);
}

然而，在这种情况下，由于宽度已知，因此它几乎没有价值。

通常在这种情况下，您可能最好依赖于jQuery（或vanilla JS）等库。

Answer 2

这在CSS中是不可能的，但是诸如SASS和LESS之类的CSS预处理器使其成为可能。坦率地说，这是为什么开发css预处理器的众多原因之一。

我建议您查看网站以获取更多信息。