এসএএসএস-এ সিলেক্টর গ্রুপিং

যদি নেস্টিংয়ের সময় সিলেক্টর গ্রুপিং ঘটে, তবে এসএএসএস কম্পাইলেশনের সময় এই কনস্ট্রাকশনটি সঠিকভাবে প্রসারিত করবে। চলুন অনুশীলনে দেখি। এখানে গ্রুপিংয়ের একটি উদাহরণ রয়েছে:

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;
    }
  }
}