前端 - sass嵌套，.child{.parent & { }} 无效？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

迷茫 2017-05-15 16:59:45

[AngularJS讨论组]

538

<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 无效呢？