前端 - sass嵌套，.child{.parent & { }} 無效？

Question

<span ng-class="{'group-expand': isExpand}">
    <i class="icon-arrow-right"></i>
</span>

@mixin rotate($deg) {
  -webkit-transform: rotate($deg);
  -moz-transform: rotate($deg);
  -ms-transform: rotate($deg);
  -o-transform: rotate($deg);
  transform: rotate($deg);
}

//solution1
.icon-arrow-right {
    @include rotate(0deg);
    .expand & {
        @include rotate(90deg);
    }
}

//solution2
.icon-arrow-right {
    @include rotate(0deg);
}
.expand .icon-arrow-right {
    @include rotate(90deg);
}

請問為何 solution1 無效呢？

Answer 1

複製你的程式碼 編譯成功
是你scss是版本問題吧