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

Storing values for CSS properties as variables in an external configuration file

本文关键字：存储 外部 配置文件 变量 属性 CSS      更新时间：2023-09-26

是否有一种方法可以将CSS属性的值存储为元素的高度/宽度等变量，作为配置文件中的变量，以便它们可以轻松维护&不需要改变元素的CSS值，只需要改变外部配置文件中的变量。

变量，主要是因为如果我调整元素的大小&我希望其他元素应该补偿的变化，我不需要改变所有的值，但只是一个单一的变量!

这有可能吗?

这在标准CSS中是不可能的。如果您想使用JavaScript动态应用样式属性，这是可能的，但更简单的解决方案可能是使用LESS，这是一个CSS扩展，旨在做这样的事情。

下面是一个例子:

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

这个get被LESS脚本"编译"成普通的旧CSS:

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

显然，对于这样一个小的示例，没有什么好处，但是当您处理巨大的CSS文件时，它可以产生巨大的差异。LESS还带来了许多其他的东西，所以请浏览一下文档来了解它们。

相关文章：