sass @each 奇怪的行为

Posted 2023-03-16

【中文标题】sass @each 奇怪的行为

【英文标题】：sass @each weird behaviour

【发布时间】：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 等等。发生了什么在这里？

【参考方案1】：

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

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

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