SASS：尾随＆符号（紧密连接）不会与以逗号

Question

我遇到了Sass 3.4的问题。我正在使用尾随和号来选择用逗号分隔的所有父选择器，但是我遇到了问题。仅附加第一个父选择器而不是其余选择器。这是代码：

SASS代码

.shopify {
    .content a, .sidebar a { // IMPORTANT: Note the two selectors seperated by comma
        @each $skin, $value in $skins {
            $foo: &;
            @at-root .#{$skin}#{$foo} {
                color: map-get($value, 'link-color');
            }
        }
    }
}

输出

.green-skin.shopify .content a, .green-skin .shopify .sidebar a { color: #60bc4b }

注意：.green-skin 仅与FIRST选择器中的.shopify紧密相连。在第二个选择器中，它们未连接。

预期输出

.green-skin.shopify .content a, .green-skin.shopify .sidebar a { color: #60bc4b }

任何猜测？

Answer 1

好的，我从here得到了答案。

必须用此

替换@ at-root部分

@at-root .#{selector-append($skin, &)} {
    color: map-get($value, 'accent-color');
}