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