LESS में सिलेक्टर्स का जुड़ना
कभी-कभी हमें आवश्यकता होती है कि कंपाइल होने पर नेस्टेड कंस्ट्रक्शन एक दूसरे से स्पेस के माध्यम से नहीं, बल्कि एक साथ जुड़े हुए हों। इसके लिए नेस्टेड सिलेक्टर के नाम से पहले एम्परसेंड लगाना आवश्यक है:
div {
&.block {
width: 300px;
}
}
कंपाइलेशन के परिणामस्वरूप हमें निम्नलिखित कोड प्राप्त होगा:
div.block {
width: 300px;
}
बताइए, निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
width: 300px;
}
}
बताइए, निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
.xxx {
width: 300px;
}
}
बताइए, निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
बताइए, निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
बताइए, निम्नलिखित कोड के कंपाइलेशन का परिणाम क्या होगा:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
