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