将所有sass规则添加到"范围" CSS

时间:2014-09-23 12:00:31

标签: sass

我正在尝试将所有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; }

0 个答案:

没有答案