这个SCSS代码中的Ampersend意味着什么？

Question

我有这样的SCSS代码。

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

究竟是什么＆＃34;＆amp; __容器＆＃34;是包含还是什么？ https://sass-lang.com/guide我没有发现这样的事情。

Answer 1

＆符号用于指代父选择器。换句话说，它将父块的选择器作为当前选择器的前缀。

萨斯：

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

渲染CSS：

.c-notification__container {
    top: 7px;
}