Sass 这在SCSS中是什么？它在样式代码中：#{&；}

这意味着什么#{&}

&

输出父选择器

通常情况下，使用

选择器{
颜色：#000；
&：悬停{
颜色：#fff；
}
}

哪些产出：

选择器{
颜色：#000；
}
.选择器：悬停{
颜色：#fff；
}

---

在根目录下使用

@时

允许您在将元素移出父元素时保留父选择器

.class:after{
内容：'只是任何.class元素'；
@根源{
div{&}{
内容：“A.class DIV元素”；
}
}
}

在这种情况下，

{&}

相当于

.class:after

上述内容将输出到：

.class:after{
内容：'只是任何.class元素'；
}
课后{
内容：'A.class DIV元素；
}

---

有关更多信息，请参阅本文：

@if $media == mobile {
    @media only screen and (max-width: 479px) { @content; }
    @at-root {
      .l-grid.mobile #{&} { @content; }
    }
  }