LESS ရှိ အမည်နေရာများ

သင့်မှာ အမည်တူသော်လည်း ကွဲပြားသည့်ဘလောက်များတွင် တည်ရှိသည့် မစ်ဇင် (mixin) နှစ်ခု ရှိနိုင်ပါသည်။

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

ထိုသို့သောအခြေအနေတွင် ထိုမစ်ဇင်များသည် ကွဲပြားသည့် အမည်နေရာများနှင့် သက်ဆိုင်သည်ဟု ဆိုကြသည်။ ထိုကဲ့သို့သော မစ်ဇင်ကို အသုံးပြုရန်၊ ၎င်း၏အမည်အပြင် မိဘဘလောက်၏ ဆီလက်တာ (selector) ကိုလည်း ထည့်သွင်းဖော်ပြရန် လိုအပ်ပါသည်။

ပထမမစ်ဇင်ကို အသုံးပြုကြည့်ရအောင်။

.test {
	#block1 > .button;
}

ယခု ဒုတိယမစ်ဇင်ကို အသုံးပြုကြည့်ရအောင်။

.test {
	#block2 > .button;
}

အောက်ပါကုဒ်ကို ကွန်ပီလာ (compile) လုပ်ပါက ရလဒ်က ဘာဖြစ်မည်နည်းဟု ရှင်းပြပါ။

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

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