Kuunganisha Vichaguzi katika LESS
Wakati mwingine tunahitaji, ili wakati wa kukusanya miundo iliyokaa ndani waandishi wa habari hawaunganishi kupitia nafasi, lakini kwa muunganiko. Kwa hili kabla ya jina la kichaguzi kilichokaa ndani ni muhimu kuweka ampersand:
div {
&.block {
width: 300px;
}
}
Kama matokeo baada ya kukusanya tutapata mfuatayo wa code:
div.block {
width: 300px;
}
Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:
#block {
&.xxx {
width: 300px;
}
}
Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:
#block {
.xxx {
width: 300px;
}
}
Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Eleza, matokeo ya kukusanya yatakuwa nini ya code ifuatayo:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
