我在一个网站上工作,我的老板想让我使用 CSS 变体,我不知道他在说什么。
假设我有 20 个不同的元素使用#7d2d39
,而不是:
background-color:#7d2d39
color="#7d2d39"
在所有的样式表中,他希望我使用:
background-color:red1"
color="red1"
并在某个地方定义什么是“red1”,这样我们就可以全局更改一种十六进制颜色而不是更改 20 次?当我输入它时它是有道理的,但我认为这不存在。
您需要使用支持动态样式表和变量的LESS 之类的东西。
CSS 预处理器是一种通过使用函数和变量之类的东西使 CSS 更加“程序化”的方法。最受欢迎的两个是:
还有其他的:
还有像Twitter Bootstrap这样使用 LESS 的项目。目前在 CSS 中没有任何东西可以直接使用。这一切都需要 JavaScript 或后端处理来将 LESS/SASS 文件转换为 CSS。
但它可以帮助开发人员保持代码的组织和清洁,并更快地管理更新。
我以前从未听说过“ CSS 变体”这个词,但我怀疑你的老板可能指的是“CSS 变量”,这更像是你所描述的。但变量只是预处理器提供的功能的一部分。
我希望这会有所帮助!