LESS में नेमस्पेस

ऐसा हो सकता है कि आपके पास एक ही नाम के दो अलग-अलग मिक्सिन हों, लेकिन अलग-अलग ब्लॉकों में स्थित हों:

#block1 {
	.button {
		border: 1px solid black;
	}
}
#block2 {
	.button {
		width: 100px;
	}
}

ऐसे मामले में, कहा जाता है कि ये मिक्सिन अलग-अलग नेमस्पेस से संबंधित हैं। ऐसे मिक्सिन का उपयोग करने के लिए, उसके नाम के अलावा आपको मूल ब्लॉक के सेलेक्टर को भी निर्दिष्ट करना होगा।

आइए पहले मिक्सिन का उपयोग करें:

.test {
	#block1 > .button;
}

और अब दूसरे का:

.test {
	#block2 > .button;
}

बताएं कि निम्नलिखित कोड का कंपाइलेशन परिणाम क्या होगा:

#block1 {
	.mix {
		width: 100px;
	}
}
#block2 {
	.mix { 
		height: 200px;
	}
}

.test {
	#block1 > .mix;
	#block2 > .mix;
}