Verkettung von Selektoren in SASS
Manchmal müssen wir, dass bei der Kompilierung von verschachtelten Konstrukten diese nicht durch ein Leerzeichen verbunden werden, sondern direkt aneinandergrenzen. Dafür muss vor dem Namen des verschachtelten Selektors ein kaufmännisches Und-Zeichen gesetzt werden:
div {
&.block {
width: 300px;
}
}
Als Ergebnis erhalten wir nach der Kompilierung den folgenden Code:
div.block {
width: 300px;
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
width: 300px;
}
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
.xxx {
width: 300px;
}
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
&.zzz {
width: 300px;
}
}
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
&.xxx {
.zzz {
width: 300px;
}
}
}
Erklärt, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
#block {
.xxx {
&.zzz {
width: 300px;
}
}
}
