Անունների տարածությունները 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;
}