Concatenazione dei selettori in SASS
A volte abbiamo bisogno che durante la compilazione delle strutture annidate, esse vengano concatenate non con uno spazio, ma in modo continuo. Per fare questo, è necessario mettere una e commerciale prima del nome del selettore annidato:
div {
&.block {
width: 300px;
}
}
Di conseguenza, dopo la compilazione otterremo il seguente codice:
div.block {
width: 300px;
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
#block {
&.xxx {
width: 300px;
}
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
#block {
.xxx {
width: 300px;
}
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Spiegate quale sarà il risultato della compilazione del seguente codice:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
