我正在尝试将所有sass规则限定在#scope
id范围内。
在使用sass&符号时,我无法弄清楚如何使用#scope
预先添加所有css规则。是否有可能实现这一目标,如果是这样的话?
//current sass
#scope {
.element {
color: green;
.modifier & { color: red; }
}
.element2 { color: blue; }
}
//desired output
#scope .element { color: green; }
#scope .modifier .element { color: red; }
#scope .element2 { color: blue; }
//actual output
#scope .element { color: green; }
.modifier #scope .element { color: red; }
#scope .element2 { color: blue; }