Sass嵌套编译不正确

时间:2017-07-27 14:39:28

标签: css3 sass

如果有人可以解释为什么这个sass,我会很高兴

@media screen and (max-width: 991px)

    .product-stats
        display: block

    .product-stats-block
        display: block
        &:last-child
            display: none

编译为

@media screen and (max-width: 991px) {
    .product-stats {display: block}
    .product-stats .product-stats-block {display: block}
    .product-stats .product-stats-block:last-child {display: none}

(注意每个下一个选择器,在 .product-stats 嵌入其中之后,但是sass语法中的下一个选择器没有填充)。

UPD

我已将.product-stats移到媒体查询的底部,现在它抛出错误@ cmd -

Error: Invalid CSS after "...lay: block; } }": expected 1 selector or at-
rule, was "{"on line 59 of src/sass/_media.sass
>>              display: block; } } {
-----------------------^

应用于.product-stats的任何属性都会出现错误。

0 个答案:

没有答案