Penyambungan Pemilih dalam SASS
Kadangkala kita mahu, apabila konstruksi bersarang dikompilasi, mereka disambungkan bukan melalui ruang, tanpa pemisah. Untuk ini, adalah perlu untuk meletakkan 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;
}
}
}
