LESS में सिलेक्टर्स का ग्रुपिंग
अगर नेस्टिंग में सिलेक्टर्स का ग्रुपिंग होता है, तो LESS कंपाइलेशन के समय इस कंस्ट्रक्शन को सही तरीके से एक्सपैंड कर देगा। आइए इसे व्यवहार में देखते हैं। यहाँ ग्रुपिंग का एक उदाहरण दिया गया है:
#header {
.menu, .logo {
color: red;
}
}
कंपाइलेशन के परिणामस्वरूप निम्नलिखित कोड प्राप्त होगा:
#header .menu, #header .logo {
color: red;
}
बताइए कि निम्नलिखित कोड की कंपाइलेशन का परिणाम क्या होगा:
#block {
ul, ol {
color: blue;
li {
font-size: 20px;
}
}
}