Penggabungan Selektor di LESS
Terkadang kita perlu agar saat kompilasi konstruksi bersarang, mereka terhubung tidak dengan spasi, namun secara langsung. Untuk ini, sebelum nama selektor bersarang perlu ditempatkan ampersand:
div {
&.block {
width: 300px;
}
}
Hasilnya setelah kompilasi kita akan mendapatkan kode berikut:
div.block {
width: 300px;
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
#block {
&.xxx {
width: 300px;
}
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
#block {
.xxx {
width: 300px;
}
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Jelaskan, bagaimana hasil kompilasi dari kode berikut:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
