選擇器scss中的特殊字符？

SCSS

_::-webkit-full-page-media, _:future, :root { 
    .class_name { 
     property: value; 
    } 
    .multi_class_another {} 
}

CSS

_::-webkit-full-page-media, _:future, :root .class_name { 
    property: value; 
}

它總是顯示：

CSS

_::-webkit-full-page-media .class_name,_:future .class_name,:root .class_name { 
    property: value; 
}

謝謝！

來源

2017-06-02 Diego

你使用什麼版本的SCSS？我沒有看到使用他最新版本的問題。看到這支筆https://codepen.io/sitrobotsit/pen/NgKByW – LWilson

對不起，我沒有說清楚。現在，看看我的更新。謝謝。 – Diego

在SCSS中，當您在一組逗號分隔的選擇器中嵌套類時，嵌套類將應用於所有選擇器。另外，空類將被刪除。

所以，如果

_::-webkit-full-page-media, _:future, :root .class_name { 
    property: value; 
}

是你想要的CSS的樣子，又是什麼，還有就是寫這個是SCSS沒有更有效的方法。如果你想讓它變得超級乾淨（並且沒有:root .class_name嵌套在最後一個選擇器上），那麼你可以看看使用Sass的佔位符選擇器。更多信息在這裏http://thesassway.com/intermediate/understanding-placeholder-selectors

來源

2017-06-02 04:46:12 LWilson

好的。謝謝。我明白那個。 – Diego

不客氣。如果它適合你，請隨時接受我的回答:) – LWilson

選擇器scss中的特殊字符？

回答

相關問題