Združevanje selektorjev v SASS
Včasih želimo, da se pri prevajanju gnezdene konstrukcije združijo ne s presledkom, ampak strnjeno. Za to je treba pred imenom gnezdene selektroja postaviti ampersand (&):
div {
&.block {
width: 300px;
}
}
Kot rezultat prevajanja 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;
}
}
}
