sass mixin用于线性梯度，代码解释

Question

我在网络上发现了以下mixin，但忘记了我在哪里找到它。

@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

是的，第n（梯度，1）主从渐变列表

所以它的背景色的第一个元素：品红这里

更多解释this

Answer 2

当你怀疑，nth($gradients, 1)挑选从$gradients为Sass lists are 1-indexed的第一个项目。

在这种情况下，background-color设置为渐变的第一个颜色。如果用户的浏览器不支持线性渐变，您可以将其视为回退。