Спајање селектора у LESS
Понекад нам треба да се при компајлирању угнежђених конструкција оне спајају не кроз размак, већ заједно. За то пред именом угнежђеног селектора потребно је ставити амперсанд:
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;
}
}
}
