Ονόματα Χώρων στο LESS

Μπορεί να συμβεί ότι έχετε δύο διαφορετικά mixin με το ίδιο όνομα, αλλά τοποθετημένα σε διαφορετικά μπλοκ:

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

Σε αυτήν την περίπτωση, λέμε ότι αυτά τα mixin ανήκουν σε διαφορετικό χώρο ονομάτων. Για να χρησιμοποιήσετε ένα τέτοιο mixin, εκτός από το όνομά του, πρέπει επίσης να καθορίσετε τον selector του γονικού μπλοκ.

Ας χρησιμοποιήσουμε το πρώτο mixin:

.test {
	#block1 > .button;
}

Και τώρα το δεύτερο:

.test {
	#block2 > .button;
}

Πείτε ποιο θα είναι το αποτέλεσμα της μεταγλώττισης του ακόλουθου κώδικα:

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

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