Sammenkobling av selektorer i SASS
Noen ganger trenger vi at når innkapslede konstruksjoner kompileres, skal de kobles sammen ikke med mellomrom, men sammenhengende. For å gjøre dette må du sette et ampersand foran navnet på den innkapslede selektoren:
div {
&.block {
width: 300px;
}
}
Som et resultat, etter kompilering vil vi få følgende kode:
div.block {
width: 300px;
}
Fortell hva resultatet av kompilering av følgende kode vil være:
#block {
&.xxx {
width: 300px;
}
}
Fortell hva resultatet av kompilering av følgende kode vil være:
#block {
.xxx {
width: 300px;
}
}
Fortell hva resultatet av kompilering av følgende kode vil være:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Fortell hva resultatet av kompilering av følgende kode vil være:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Fortell hva resultatet av kompilering av følgende kode vil være:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
