什么是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变体”之前，但我会怀疑你的老板可能意味着“CSS变量”，这更多的是你所描述的。但变量只是预处理器功能的一部分。

我希望有帮助！