Bahagian hadapan - sarang sass, .child{.parent & { }} tidak sah?

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);
}

Maaf mengapa penyelesaian1 tidak sah?

Answer 1

Salin kod anda dan kompilasi berjaya
Ini mungkin masalah versi dengan scss anda