Selektorių sujungimas LESS
Kartais mums reikia, kad kompiliuojant įdėtas konstrukcijas, jos susijungtų ne per tarpą, o vientisai. Tam prieš įdėtojo selektoriaus pavadinimą reikia parašyti ampersandą:
div {
&.block {
width: 300px;
}
}
Rezultate, po kompiliavės, mes gausime tokį kodą:
div.block {
width: 300px;
}
Pasakykite, koks bus šio kodo kompiliavės rezultatas:
#block {
&.xxx {
width: 300px;
}
}
Pasakykite, koks bus šio kodo kompiliavės rezultatas:
#block {
.xxx {
width: 300px;
}
}
Pasakykite, koks bus šio kodo kompiliavės rezultatas:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Pasakykite, koks bus šio kodo kompiliavės rezultatas:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Pasakykite, koks bus šio kodo kompiliavės rezultatas:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
