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