CSS 变量数组 - 可能吗？

Question

我了解如何在 CSS 中使用变量。他们帮助我加快了我客户网站的工作流程。

我注意到不止一次我会写下变量旁边的数字以分配给特定的颜色或外观，因为没有适当的阵列系统。可以这么说，我最终创建了一个准阵列。

像这样

--c1: color:#ddd;  //link color
--c2: color:#aaa;  //quote color
--c3: color:#444;  //body text

是否可以在 CSS 中做这样的事情？

--c new array (color:#ddd, color:#aaa, color:#444);

然后调用数组

arr(--c,3); 

代替

var(--c3);

我知道 CSS 不是 OOP，但是能够处理这样的数据会很好，特别是如果我可以将它扩展到两个维度。我也明白这在理论上可能是毫无意义的练习，因为键入 --c3 比执行 --c,3 甚至 --c[3] 快。深思熟虑。

Answer 1

CSS 中的属性不能按照您描述的方式分组在数组中。这包括自定义属性。 Sass 和 LESS 等预处理器具有映射和列表，但自定义属性的工作方式(请参阅 section 3 of the spec )意味着无法使用预处理器中的相同语法对它们进行分组和索引。