如果有人可以解释为什么这个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的任何属性都会出现错误。