Question

我在网上发现了以下混音，但忘记了我发现它的位置。

@mixin linear-gradient($direction, $gradients...) {
  background-color: nth($gradients, 1);
  background-image: linear-gradient($direction, $gradients...);
}

然后在课程中调用：

.selector {
  @include linear-gradient(to right, magenta, red, orange, yellow, green, blue, purple);
}

这很好用，我的问题是关于background-color: nth($gradients, 1);这是一个以1开头的索引，是否用作颜色开始？谁能解释一下？

谢谢：）

Answer 1

如您所料，nth($gradients, 1)选择$gradients中的Sass lists are 1-indexed作为第一项。

在这种情况下，背景颜色设置为渐变的第一种颜色。如果用户的浏览器不支持线性渐变，您可以将其视为后备。

Answer 2

是，nth（渐变，1）从渐变列表中选择第一个元素

所以它会背景颜色：magenta here

了解更多解释this

sass mixin用于线性渐变，代码说明

2 个答案: