Kuunganisha Vichaguzi katika SASS
Wakati mwingine tunahitaji, ili wakati wa kukusanywa kwa miundo iliyokolezwa waunganishwe sio kupitia nafasi, lakini kwa umoja. Kwa hili kabla ya jina la kichaguzi kilichokolezwa ni muhimu kuweka alama ya ampersand:
div {
&.block {
width: 300px;
}
}
Kama matokeo baada ya kukusanywa tutapata mfuatayo wa kificho:
div.block {
width: 300px;
}
Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:
#block {
&.xxx {
width: 300px;
}
}
Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:
#block {
.xxx {
width: 300px;
}
}
Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Eleza, matokeo ya kukusanywa ya mfuatayo wa kificho yatakuwa nini:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
