Спајање селектора у SASS-у
Понекад нам је потребно да се при компајлирању угњеждених конструкција оне не спајају размаком, већ да се слепљују. За то је потребно пре имена угњежденог селектора ставити амперсанд:
div {
&.block {
width: 300px;
}
}
Као резултат, након компајлирања добијамо следећи код:
div.block {
width: 300px;
}
Реците, какав ће бити резултат компајлирања следећег кода:
#block {
&.xxx {
width: 300px;
}
}
Реците, какав ће бити резултат компајлирања следећег кода:
#block {
.xxx {
width: 300px;
}
}
Реците, какав ће бити резултат компајлирања следећег кода:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Реците, какав ће бити резултат компајлирања следећег кода:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Реците, какав ће бити резултат компајлирања следећег кода:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
