Combinarea selectorilor în SASS
Uneori avem nevoie ca, la compilarea construcțiilor imbricate, acestea să se unească nu prin spațiu, ci direct. Pentru aceasta, înaintea numelui selectorului imbricat este necesar să punem 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;
}
}
}
