Ionic framework &；在某个页面的scss中

我不理解在某些页面的scss中使用“&”，也不理解scss

一些页面.scss

some-page-selector {

    & ion-item {
        &.item {
            //some properties

            &[margin-bottom] {
                //some property
            }

            & ion-avatar {
                //some property
            }

            & ion-avatar ion-img,
            & ion-avatar img {
               //some property
            }

}

---

在Sass中，

和

（与号）引用代码块的父项（或父链）

鉴于此SCS（与您发布的内容类似）

。。。您将获得以下已编译CSS：

page ion-item.item {
  color: red;
}
page ion-item.item[margin-bottom] {
  margin-bottom: 1em;
}
page ion-item.item ion-avatar {
  font-weight: bold;
}

---

请参考此链接，您将得到澄清，谢谢。。。你可以在我的答案中粘贴链接，我也会接受。：）参考此链接，你会得到澄清的，好的。我将在回答中发布链接

page ion-item.item {
  color: red;
}
page ion-item.item[margin-bottom] {
  margin-bottom: 1em;
}
page ion-item.item ion-avatar {
  font-weight: bold;
}