sass @each 奇怪的行为答案

【问题标题】：sass @each weird behavioursass @each 奇怪的行为
【发布时间】：2019-07-01 04:50:28
【问题描述】：

我有一个奇怪的问题。我有一个带有一些变量的scss 对象让我们说：

$object = 'something' 'something2 'something3

然后我发一个loop:

@each $some in $object { &.#{$some} {
        background-image: url('./../../../../assets/images/path/to/image/#{$some}/grey.svg');
        &:before {
          content: '#{$some}';
        } }

我通过背景图像获得的所有图像都是最后一张图像，所以它们来自文件夹something3，但before 的内容给了我很好的结果，所以第一张something1，第二张something2 等等。发生了什么在这里？

【问题讨论】：

标签： sass each

【解决方案1】：

好的，我找到了解决方案...

        background-image: url('/../../../../assets/images/path/to/image/#{$some}/grey.svg');

链接应该从/开始，而不是从./开始

【讨论】：