将CSS属性的值存储为外部配置文件中的变量

Question

有没有办法可以将CSS属性的值作为变量（如元素的高度/宽度）存储为配置文件中的变量，以便可以轻松维护它们。无需更改元素的css值，只需更改外部配置文件中的变量。

变量，主要是因为如果我调整一个元素＆amp;我希望其他元素能够弥补这一变化，我不需要更新所有值，只需要一个变量！？

甚至可能吗？

Answer 1

使用标准CSS无法做到这一点。如果你想使用JavaScript动态地应用样式属性，那么这是可能的，但更简单的解决方案可能是使用LESS，这是一个CSS扩展，旨在完成与此类似的事情。

以下是一个例子：

@myWidth: 100px;

#header {
  width: @myWidth;
}
#footer {
  width: @myWidth;
}

LESS脚本将其“编译”为普通的旧CSS：

#header {
  width: 100px;
}
#footer {
  width: 100px;
}

显然，有这样一个小例子没有什么好处，但是当你处理大量的CSS文件时，它可以产生巨大的差异。还有很多其他东西都没有提到桌面，因此请仔细阅读文档以了解所有这些内容。