Ruang Nama dalam LESS
Mungkin berlaku bahawa anda mempunyai dua mixin berbeza dengan satu nama, tetapi terletak dalam blok yang berbeza:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
Dalam kes ini, dikatakan bahawa mixin ini tergolong kepada ruang nama yang berbeza. Untuk menggunakan mixin sedemikian, selain namanya, anda juga perlu menentukan pemilih blok induk.
Mari kita gunakan mixin pertama:
.test {
#block1 > .button;
}
Dan sekarang yang kedua:
.test {
#block2 > .button;
}
Beritahu, apakah hasil kompilasi kod berikut:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
