在这个SCSS代码中意味着？

Question

我有这样的SCSS代码。

 .c-notification {
  &__container {
    top: 7px;
    z-index: $z-index-10;
  }
}

"&__container“到底是包含什么的？https://sass-lang.com/guide，我没有发现像这样的东西。

Answer 1

Ampersand用于引用父选择器。换句话说，它将父块的选择器前缀为当前选择器。

Sass：

.c-notification {
  &__container {
    top: 7px;
  }
}

已呈现的CSS：

.c-notification__container {
    top: 7px;
}