SASS တွင် selector များအုပ်စုဖွဲ့ခြင်း

အကယ်၍ အဆင့်ဆင့်ထည့်သွင်းမှုတွင် selector များအုပ်စုဖွဲ့ခြင်း ပါဝင်ပါက၊ SASS သည် compile လုပ်သည့်အခါ ဤတည်ဆောက်ပုံကို မှန်ကန်စွာ ဖြန့်ထုတ်ပေးပါမည်။ လက်တွေ့တွင် ကြည့်ကြရအောင်။ အုပ်စုဖွဲ့ခြင်း နမူနာမှာ-

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

ရလဒ်အနေဖြင့် compile လုပ်ပြီးသောအခါ အောက်ပါကုဒ်ကို ရရှိမည်ဖြစ်သည်-

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

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