Maeneo ya Majina katika LESS

Inawezekana kuwa una mchanganyiko mbili tofauti na jina moja, lakimo ziko kwenye vitalu tofauti:

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

Katika kesi kama hiyo, husemwa kuwa michanganyiko hii inahusishwa na maeneo tofauti ya majina. Ili kutumia mchanganyiko kama huo, badala ya jina lake peke yake, pia unahitaji kubainisha kichaguzi cha kizuizi kikuu.

Wacha tutumie mchanganyiko wa kwanza:

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

Na sasa wa pili:

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

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

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