LESS အတွင်း selector များအတွင်း variable များ

Variable များကို selector များအတွင်း၌လည်း အသုံးပြုနိုင်ပါသည်။ သို့ရာတွင်၊ ၎င်းအတွက် variable ထည့်သွင်းခြင်း၏ syntax အနည်းငယ်ကွဲပြားသော ပုံစံကို အသုံးပြုရန် လိုအပ်ပါသည်- @ ပြီးနောက်တွင် variable ၏ အမည်ကို ကွင်းကောက်များဖြင့် ခံထားရပါမည်။ ဥပမာများဖြင့် ကြည့်ရအောင်။ အောက်ပါ variable ရှိသည်ဟု ဆိုကြပါစို့-

@var: div;

ဤ variable ကို selector အတွင်းသို့ ထည့်သွင်းကြည့်ကြပါစို့။ အခြေအနေအမျိုးမျိုးကို စဉ်းစားကြည့်ကြပါမည်။

ဥပမာ

ကျွန်ုပ်တို့၏ variable ကို selector အဖြစ် ထည့်သွင်းကြည့်ကြပါမည်-

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

Compile လုပ်ပြီးသော ရလဒ်-

div {
	font-size: 20px;
}

ဥပမာ

ယခု ကျွန်ုပ်တို့၏ variable သည် selector ၏ အစိတ်အပိုင်းတစ်ခုကို ပါဝင်သည်ဟု ဆိုကြပါစို့-

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

Compile လုပ်ပြီးသော ရလဒ်-

main div {
	font-size: 20px;
}

ဥပမာ

ယခု ကျွန်ုပ်တို့၏ variable ထဲတွင် tag ၏အမည်မဟုတ်ဘဲ ၎င်း၏ id ပါဝင်သည်ဟု ဆိုကြပါစို့။ variable ၏အမည်ရှေ့တွင် ရှာ့ပ် (hash) ထည့်ကြည့်ကြပါမည်-

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

Compile လုပ်ပြီးသော ရလဒ်-

#div {
	font-size: 20px;
}

ဥပမာ

ယခု ကျွန်ုပ်တို့၏ variable ထဲတွင် tag ၏အမည်မဟုတ်ဘဲ ၎င်း၏ class ပါဝင်သည်ဟု ဆိုကြပါစို့။ variable ၏အမည်ရှေ့တွင် အစက်တစ်စက် (dot) ထည့်ကြည့်ကြပါမည်-

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

Compile လုပ်ပြီးသော ရလဒ်-

.div {
	font-size: 20px;
}