Variablen in LESS
Die Sprache LESS erlaubt die Verwendung von Variablen. Eine Variable stellt einen Container dar, in dem man Daten speichern und an den gewünschten Stellen im Code verwenden kann.
Um eine Variable zu erstellen, muss man sich einen
Namen für sie ausdenken und davor das Zeichen @ setzen.
Dann setzen wir nach dem Variablennamen einen Doppelpunkt
und weisen den Wert dieser Variable zu. Lassen Sie uns
als Beispiel eine Variable mit dem Namen var erstellen:
@var: 20px;
Lassen Sie uns diese Variable nun als Wert für eine Eigenschaft verwenden:
p {
font-size: @var;
}
Als Ergebnis wird nach der Kompilierung nach CSS anstelle unserer Variable ihr Wert eingesetzt:
p {
font-size: 20px;
}
Erklären Sie, wie das Ergebnis der Kompilierung des folgenden Codes aussehen wird:
@color: #000;
p {
color: @color;
}
