Povezivanje selektora u SASS-u
Ponekad je potrebno da se, prilikom kompilacije ugnježđenih konstrukcija, one spoje ne razmakom, već neposredno jedan uz drugi. Za to je potrebno staviti ampersand ispred imena ugnježđenog selektora:
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;
}
}
}
