Att kombinera selektorer i SASS
Ibland behöver vi att när de nästlade konstruktionerna kompileras, så ska de inte kombineras med mellanslag, utan sammanfogas direkt. För detta måste man sätta ett et-tecken före namnet på den nästlade selektorn:
div {
&.block {
width: 300px;
}
}
Som ett resultat av kompilering kommer vi att få följande kod:
div.block {
width: 300px;
}
Berätta vad resultatet av kompilering av följande kod blir:
#block {
&.xxx {
width: 300px;
}
}
Berätta vad resultatet av kompilering av följande kod blir:
#block {
.xxx {
width: 300px;
}
}
Berätta vad resultatet av kompilering av följande kod blir:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Berätta vad resultatet av kompilering av följande kod blir:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Berätta vad resultatet av kompilering av följande kod blir:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
