Spajanje selektora u LESS-u
Ponekad nam je potrebno da se pri kompilaciji ugnježđenih konstrukcija one spoje ne razmakom, već zajedno. Za to je potrebno da se pre imena ugnježđenog selektora postavi znak ampersand (&):
div {
&.block {
width: 300px;
}
}
Kao rezultat nakon kompilacije dobićemo sledeći kod:
div.block {
width: 300px;
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#block {
&.xxx {
width: 300px;
}
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#block {
.xxx {
width: 300px;
}
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Objasnite, kakav će biti rezultat kompilacije sledećeg koda:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
