एसएएस में सेलेक्टर भागों को जोड़ना

एक ही क्लास के भागों को भी जोड़ा जा सकता है। उदाहरण के लिए, इस तरह:

styles.scss.button {
  &-ok {
    color: green;
  }
  &-cancel {
    color: red;
  }
}

कंपाइलेशन के बाद परिणामस्वरूप हमें निम्नलिखित कोड प्राप्त होगा:

styles.css.button-ok {
  color: green;
}
.button-cancel {
  color: red;
}

styles.scss.label-success {
  color: green;
}
.label-warning {
  color: yellow;
}
.label-error {
  color: red;
}