นามสเปซใน 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;
}