Verkettung von Selektoren in LESS
Manchmal benötigen wir, dass sich beim Kompilieren von verschachtelten Konstruktionen diese nicht durch ein Leerzeichen, sondern direkt verbinden. Dazu muss vor dem Namen des verschachtelten Selektors ein kaufmännisches Und gesetzt werden:
div {
&.block {
width: 300px;
}
}
Als Ergebnis erhalten wir nach der Kompilierung den folgenden Code:
div.block {
width: 300px;
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
width: 300px;
}
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
.xxx {
width: 300px;
}
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
