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;
}