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是只在第一選擇密切與.shopify連接。在第二個選擇器中，它們沒有連接。

預計輸出

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

任何的猜測？

Answer 1

好的我從here得到了答案。

經本

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

更換@在根部分