CSS 创建数组

在 CSS 中创建数组是不可能的，因为 CSS 仅用于样式定义，而不用于处理数据。

最靠近创建数组的 CSS 功能是 CSS 变量。使用变量可以在 CSS 中定义并存储值，然后在多个样式中使用这些值。

下面是一个使用 CSS 变量模拟数组的例子：

:root {
  --my-array: 10px 20px 30px;
}

.my-element:first-child {
  margin-left: var(--my-array);
}

.my-element:nth-child(2) {
  padding: var(--my-array);
}

在这个例子中，使用 --my-array 定义了一个 CSS 变量，并将其设置为值为 10px 20px 30px 的三个值列表。然后，在两个不同的样式中使用了这个变量。

在第一个样式中，使用 var(--my-array) 将左边距设置为 10px、上边距设置为 20px，右边距设置为 30px。在第二个样式中，使用 var(--my-array) 将四周的填充都设置为 10px、20px 和 30px。

虽然这种方法不能完全模拟数组，但它可以在某些情况下作为实现某些特定样式的一种巧妙方式。