Именски простори во 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;
}