LESS में सिलेक्टर्स का ग्रुपिंग

अगर नेस्टिंग में सिलेक्टर्स का ग्रुपिंग होता है, तो LESS कंपाइलेशन के समय इस कंस्ट्रक्शन को सही तरीके से एक्सपैंड कर देगा। आइए इसे व्यवहार में देखते हैं। यहाँ ग्रुपिंग का एक उदाहरण दिया गया है:

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

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

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

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