Променљиве унутар селектора у LESS-у

Променљиве се такође могу користити и унутар селектора. Међутим, за ово је потребно користити мало другачију синтаксу за уметање променљиве: након @ назив променљиве треба ставити у витичасте заграде. Хајде да погледамо на примерима. Претпоставимо да имамо следећу променљиву:

@var: div;

Хајде да извршимо уметање ове променљиве у селектор. Размотрићемо различите ситуације.

Пример

Извршимо уметање наше променљиве као селектора:

@{var} {
	font-size: 20px;
}

Резултат компајлирања:

div {
	font-size: 20px;
}

Пример

Претпоставимо сада да наша променљива садржи део селектора:

main @{var} {
	font-size: 20px;
}

Резултат компајлирања:

main div {
	font-size: 20px;
}

Пример

Претпоставимо сада да кажемо да у нашој променљивој не стоји назив тега, већ његов id. Додаћемо тарабу испред назива променљиве:

#@{var} {
	font-size: 20px;
}

Резултат компајлирања:

#div {
	font-size: 20px;
}

Пример

Претпоставимо сада да кажемо да у нашој променљивој не стоји назив тега, већ његова класа. Додаћемо тачку испред назива променљиве:

.@{var} {
	font-size: 20px;
}

Резултат компајлирања:

.div {
	font-size: 20px;
}