Ich konvertiere gerade ein Stylesheet von LESS nach SCSS und ich bin verwirrt über etwas, das ich mit variablem Umfang sehe. Reproduziert mit einem einfachen Beispiel:
%Vor%Konvertiert in das folgende CSS:
%Vor% Die äquivalente Konstruktion in LESS würde dazu führen, dass der Wert a color
#000
ist, da die Variablendeklaration innerhalb des Bereichs #logo
den allgemeineren Wert überschreiben würde, aber nur innerhalb dieses Bereichs. Funktionieren Variablenbereiche in SCSS nicht? Gibt es eine Möglichkeit, dasselbe zu erreichen?
Lesen Sie die Antworten auf Sass Variable Standard Scope . Es scheint, dass Variablen in
In diesem Fall ändert die Definition von $my-color
in #logo
den Wert der globalen Variable, während sie in LESS als lokale Blockierung dieser globalen Variable behandelt wird.
Ich denke, ich muss die Dinge etwas anders strukturieren, um das gleiche Ergebnis zu erzielen.
Dies ist ab SCSS v3.4.12 nicht mehr der Fall:
Jetzt werden die Variablen korrekt definiert:
Eingabe:
%Vor%Ausgabe:
%Vor%Kann in Ссылка
ausprobiert werdenTags und Links sass