选择器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中的特殊字符？

回答

相关问题