什么是CSS变体？

Question

我正在网站上工作，而我的老板要我使用CSS变体，我不知道他在说什么。

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

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

他希望我使用以下样式表进行调用：

background-color:red1"
color="red1"

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

Answer 1

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

Answer 2

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

Answer 3

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

• SASS
• LESS

然后还有其他人：

• Google Closure Stylesheets
• Stylus

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

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

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

我希望有所帮助！