Penyambungan Pemilih dalam LESS
Kadangkala kita mahu struktur bersarang disambungkan secara padu, bukan dengan ruang, apabila dikompilasi. Untuk ini, letakkan ampersand sebelum nama pemilih bersarang:
div {
&.block {
width: 300px;
}
}
Hasilnya, selepas kompilasi kita akan mendapat kod berikut:
div.block {
width: 300px;
}
Beritahu, apakah hasil kompilasi kod berikut:
#block {
&.xxx {
width: 300px;
}
}
Beritahu, apakah hasil kompilasi kod berikut:
#block {
.xxx {
width: 300px;
}
}
Beritahu, apakah hasil kompilasi kod berikut:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Beritahu, apakah hasil kompilasi kod berikut:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Beritahu, apakah hasil kompilasi kod berikut:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
