sass @每个奇怪的行为

时间:2019-02-07 05:53:22

标签: sass each

我有一个奇怪的问题。我有一个带有一些变量的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,第二个{{1} }等。这里是怎么回事?

1 个答案:

答案 0 :(得分:0)

好,所以我找到了解决方法...

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

链接应从/开始,而不是./