Sammenlægning af selektorer i LESS
Sommetider har vi brug for, at nestede konstruktioner ved kompilering skal sammenlægges ikke med mellemrum, men sammenhængende. For at gøre dette skal du sætte et &-tegn foran navnet på den nestede selektor:
div {
&.block {
width: 300px;
}
}
Som et resultat efter kompilering får vi følgende kode:
div.block {
width: 300px;
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
#block {
&.xxx {
width: 300px;
}
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
#block {
.xxx {
width: 300px;
}
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Fortæl, hvad resultatet af kompileringen af følgende kode vil være:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
