css - 什么是 CSS 变体？

Question

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

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

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

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

background-color:red1"
color="red1"

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

Answer 1

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

Answer 2

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

• SASS
• 较少的

还有其他的：

• Google 闭包样式表
• 手写笔

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

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

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

我希望这会有所帮助！

Answer 3

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