Združevanje selektorjev v LESS
Včasih želimo, da se pri prevajanju gnezdene konstrukcije ne združijo s presledkom, ampak strnjeno. Za to je treba pred imenom gnezdene oznake postaviti znak &:
div {
&.block {
width: 300px;
}
}
Kot rezultat po prevajanju bomo dobili naslednjo kodo:
div.block {
width: 300px;
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
#block {
&.xxx {
width: 300px;
}
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
#block {
.xxx {
width: 300px;
}
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Povejte, kakšen bo rezultat prevajanja naslednje kode:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
