8

我了解如何在 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] 更快。深思熟虑。

4

1 回答 1

6

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

于 2016-10-27T04:56:48.707 回答