Question

如何从scss打印到css选择器编译如下：

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;
}

谢谢！

Answer 1

在SCSS中，当您在一组逗号分隔的选择器中嵌套类时，嵌套类将应用于所有选择器。此外，将删除空类。

所以，如果

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

是你想要CSS的样子，然后，没有更有效的方法来编写这个是SCSS。如果你想让它超级干净（并且没有在最后一个选择器上嵌套:root .class_name）那么你可以使用Sass的占位符选择器。更多信息http://thesassway.com/intermediate/understanding-placeholder-selectors

选择器scss中的特殊字符？

1 个答案: