Combinarea selectorilor în LESS
Uneori avem nevoie ca, la compilarea construcțiilor imbricate, acestea să se unească fără spațiu, ci direct. Pentru aceasta, în fața numelui selectorului imbricat este necesar să puneți ampersand:
div {
&.block {
width: 300px;
}
}
Ca rezultat, după compilare vom obține următorul cod:
div.block {
width: 300px;
}
Spuneți care va fi rezultatul compilării următorului cod:
#block {
&.xxx {
width: 300px;
}
}
Spuneți care va fi rezultatul compilării următorului cod:
#block {
.xxx {
width: 300px;
}
}
Spuneți care va fi rezultatul compilării următorului cod:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Spuneți care va fi rezultatul compilării următorului cod:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Spuneți care va fi rezultatul compilării următorului cod:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
