SASS да селекторларни бириктириш
Базан биз киритма қилиш жараёнида кириққан қурилишлар орасида бўшлиқ билан эмас, балки бирлашиб чиқишини истаймиз. Бунинг учун кириққан селектор номи олдига амперсанд белгисини қўйиш керак:
div {
&.block {
width: 300px;
}
}
Натижада киритма қилингандан сўнг бизга куйидаги код ҳосил бўлади:
div.block {
width: 300px;
}
Куйидаги коднинг киритма натижаси қандай бўлишини баён қилинг:
#block {
&.xxx {
width: 300px;
}
}
Куйидаги коднинг киритма натижаси қандай бўлишини баён қилинг:
#block {
.xxx {
width: 300px;
}
}
Куйидаги коднинг киритма натижаси қандай бўлишини баён қилинг:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Куйидаги коднинг киритма натижаси қандай бўлишини баён қилинг:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Куйидаги коднинг киритма натижаси қандай бўлишини баён қилинг:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
