Die Verbinding van Selekteerders in LESS
Soms het ons nodig dat geneste strukture tydens kompilering nie met 'n spasie verbind word nie, maar aaneen. Om dit te doen, moet 'n ampersand voor die naam van die geneste selekteerder geplaas word:
div {
&.block {
width: 300px;
}
}
As gevolg hiervan sal die volgende kode na kompilering verkry word:
div.block {
width: 300px;
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
#block {
&.xxx {
width: 300px;
}
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
#block {
.xxx {
width: 300px;
}
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Verduidelik wat die resultaat van die kompilering van die volgende kode sal wees:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
