Wie setzt man eine SCSS-Variable auf eine leere Zeichenfolge?

Question

Ich sah eine interessante Technik, wo Sie & verwenden können, um Stilen ein Präfix hinzuzufügen. Das Problem, auf das ich stoße, besteht darin, das Präfix nicht zu setzen. Egal was ich versuche bekomme ich Error: Base-level rules cannot contain the parent-selector-referencing character '&' vom Sass Compiler. Gibt es eine Möglichkeit, die Präfix-Option hinzuzufügen, aber nicht erforderlich?

$prefix:""; 
.#{$prefix}{ 
    &color{ 
    color:red; 
    } 
} 

Answer 1

Try für die Inline-Zustand & Zeichen zu verwenden. Wie folgt:

$n: if($prefix != '', '&', ''); 

#{$n}color { 
    color: red; 
} 
#{$n}left { 
    float: left; 
}