Namespaces in LESS
Es kann vorkommen, dass Sie zwei verschiedene Mixin mit demselben Namen haben, die sich jedoch in verschiedenen Blöcken befinden:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
In diesem Fall sagt man, dass diese Mixins zu unterschiedlichen Namespaces gehören. Um ein solches Mixin zu verwenden, müssen Sie neben seinem Namen auch den Selektor des übergeordneten Blocks angeben.
Lassen Sie uns das erste Mixin verwenden:
.test {
#block1 > .button;
}
Und nun das zweite:
.test {
#block2 > .button;
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
