Namnrymder i LESS
Det kan hända att du har två olika mixins med samma namn, men placerade i olika block:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
I sådana fall säger man att dessa mixins tillhör olika namnrymder. För att använda ett sådant mixin behöver du, förutom dess namn, också ange selektorn för det överordnade blocket.
Låt oss använda det första mixin:
.test {
#block1 > .button;
}
Och nu det andra:
.test {
#block2 > .button;
}
Berätta vad resultatet av kompileringen av följande kod blir:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
