SASS:尾随与号(紧密连接)不会与每个以逗号分隔的父选择器组合

Question

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

萨斯代码

.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仅在第一个选择器中与.shopify紧密连接。在第二个选择器中，它们未连接。

预期产出

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

有什么猜测吗？

Answer 1

好的，

我从这里得到了答案。

不得不用这个替换@at根部分

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