Css SASS"；“安培生”；和父选择器

我想知道，在Sass中使用符号和可以执行类似的操作（参见下面的示例）

见下面的例子

.page-swup-2 {

    .page-surtitle {
        @include anim('opacity', 200ms, 500ms);
        opacity: 0;

        body.swup-animationInDone & {
            opacity: 1;
        }

    }

}

//实际结果

body.swup-animationDone.page-swup-2.page-surtitle{
不透明度：1；
}

//预期结果

body.swup-animationDone.page-swup-2.page-surtitle{
不透明度：1；
}

您可以使用根目录下的

@和带有插值语法的
&
：

.page-swup-2 {
    .page-surtitle {
        @at-root body.swup-animationInDone#{&} {
            opacity: 1;
        }
    }
}

您的新结果：

body.swup-animationInDone.page-swup-2 .page-surtitle {
  opacity: 1;
}