什么是 CSS 变体？ [复制]答案

【问题标题】：What are CSS variations? [duplicate]什么是 CSS 变体？ [复制]
【发布时间】：2012-12-07 08:56:17
【问题描述】：

我在一个网站上工作，我的老板想让我使用 CSS 变体，我不知道他在说什么。

假设我有 20 个不同的元素使用 #7d2d39，而不是：

background-color:#7d2d39
color="#7d2d39"

他希望我使用的所有样式表：

background-color:red1"
color="red1"

并且在某个地方定义什么是“red1”，这样我们就可以全局更改一种十六进制颜色而不是更改 20 次？在我输入时它是有道理的，但我认为这不存在。

【问题讨论】：

【解决方案1】：

您需要使用像 LESS 这样支持动态样式表和变量的东西。

【讨论】：

【解决方案2】：

我认为他在谈论css variables，但这只是一个草稿。 LESS 和 SASS 也是选项。

【讨论】：

【解决方案3】：

CSS 预处理器是一种通过使用诸如函数和变量之类的东西使 CSS 更加“程序化”的方法。最受欢迎的两个是：

还有其他的：

还有像 Twitter Bootstrap 这样的项目使用 LESS。目前在 CSS 中没有任何东西可以直接使用。这一切都需要 JavaScript 或后端处理来将 LESS/SASS 文件转换为 CSS。

但它可以帮助开发人员保持代码的组织和清洁，并更快地管理更新。

我以前从未听说过“CSS 变体”这个词，但我怀疑你的老板可能指的是“CSS 变量”，这更像是你所描述的。但变量只是预处理器提供的功能的一部分。

希望对你有帮助！

【讨论】：