LESS'те селекторлорду туташтыруу
Кээде бизге киргизилген конструкциялар компиляцияланганда ачык эмес, бирдикте болушун каалайбыз. Бул үчүн киргизилген селектордун атынын алдында амперсанд коюу керек:
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;
}
}
}
