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;
}
}
}
