LESS ရှိ အမည်နေရာများ

သင့်မှာ အမည်တူသော်လည်း ကွဲပြားသည့်ဘလောက်များတွင် တည်ရှိသည့် မစ်ဇင် (mixin) နှစ်ခု ရှိနိုင်ပါသည်။

styles.less#block1 {
  .button {
    border: 1px solid black;
  }
}
#block2 {
  .button {
    width: 100px;
  }
}

ထိုသို့သောအခြေအနေတွင် ထိုမစ်ဇင်များသည် ကွဲပြားသည့် အမည်နေရာများနှင့် သက်ဆိုင်သည်ဟု ဆိုကြသည်။ ထိုကဲ့သို့သော မစ်ဇင်ကို အသုံးပြုရန်၊ ၎င်း၏အမည်အပြင် မိဘဘလောက်၏ ဆီလက်တာ (selector) ကိုလည်း ထည့်သွင်းဖော်ပြရန် လိုအပ်ပါသည်။

ပထမမစ်ဇင်ကို အသုံးပြုကြည့်ရအောင်။

styles.less.test {
  #block1 > .button;
}

ယခု ဒုတိယမစ်ဇင်ကို အသုံးပြုကြည့်ရအောင်။

styles.less.test {
  #block2 > .button;
}

styles.less#block1 {
  .mix {
    width: 100px;
  }
}
#block2 {
  .mix { 
    height: 200px;
  }
}

.test {
  #block1 > .mix;
  #block2 > .mix;
}