การจัดกลุ่มตัวเลือกใน SASS

หากการซ้อนกันเกี่ยวข้องกับการจัดกลุ่มตัวเลือก SASS จะขยายโครงสร้างนี้อย่างถูกต้องในระหว่างการคอมไพล์ มาดูในทางปฏิบัติ นี่คือตัวอย่างการจัดกลุ่ม:

styles.scss#header {
  .menu, .logo {
    color: red;
  }
}

ผลลัพธ์หลังจากคอมไพล์จะได้โค้ดต่อไปนี้:

styles.css#header .menu, #header .logo {
  color: red;
}

styles.scss#block {
  ul, ol {
    color: blue;
    
    li {
      font-size: 20px;
    }
  }
}