Die Verknüpfen van selektore in SASS
Soms het ons nodig dat, wanneer ons geneste konstruksies saamstel, hulle nie met 'n spasie verbind word nie, maar aanmekaar. Om dit te doen, moet jy 'n ampersand voor die naam van die geneste selektor plaas:
div {
&.block {
width: 300px;
}
}
As gevolg hiervan sal ons die volgende kode hê na samestelling:
div.block {
width: 300px;
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#block {
&.xxx {
width: 300px;
}
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#block {
.xxx {
width: 300px;
}
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Vertel wat die resultaat van die samestelling van die volgende kode sal wees:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
