LESS-da selektorlarni birlashtirish
Ba'zan kompilyatsiya qilishda ichki konstruksiyalar orasida bo'shliq bilan emas, balki birlashgan holda chiqishini xohlaymiz. Buning uchun ichki selektor nomi oldiga ampersand qo'yish kerak:
div {
&.block {
width: 300px;
}
}
Natijada kompilyatsiyadan so'ng bizga quyidagi kod hosil bo'ladi:
div.block {
width: 300px;
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini tushuntiring:
#block {
&.xxx {
width: 300px;
}
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini tushuntiring:
#block {
.xxx {
width: 300px;
}
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini tushuntiring:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini tushuntiring:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Quyidagi kodni kompilyatsiya qilish natijasi qanday bo'lishini tushuntiring:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
