Naamruimtes in LESS
Dit kan wees dat jy twee verschillende mengsels met een naam het, maar geleë in verschillende blokke:
#block1 {
.button {
border: 1px solid black;
}
}
#block2 {
.button {
width: 100px;
}
}
In so 'n geval word gesê dat hierdie mengsels tot verskillende naamruimtes behoort. Om so 'n mengsel te gebruik, benewens sy naam, moet jy ook die selektor van die ouerblok spesifiseer.
Kom ons gebruik die eerste mengsel:
.test {
#block1 > .button;
}
En nou die tweede:
.test {
#block2 > .button;
}
Vertel, wat sal die resultaat van die kompilering van die volgende kode wees:
#block1 {
.mix {
width: 100px;
}
}
#block2 {
.mix {
height: 200px;
}
}
.test {
#block1 > .mix;
#block2 > .mix;
}
