Spájanie selektorov v LESS
Niekedy potrebujeme, aby sa pri kompilácii vnorených konštrukcií spojili nie medzerou, ale zlúčene. Na to je potrebné pred názov vnoreného selektora umiestniť ampersand:
div {
&.block {
width: 300px;
}
}
Výsledkom po kompilácii bude nasledujúci kód:
div.block {
width: 300px;
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block {
&.xxx {
width: 300px;
}
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block {
.xxx {
width: 300px;
}
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Povedzte, aký bude výsledok kompilácie nasledujúceho kódu:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
