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