在奇异性GS中编写断点的正确方法是什么?

Question

我怀疑，所以我想知道是否更好地做这样的事情：

.class {
    @include breakpoint($desk) {
    }
}

或相反：

@include breakpoint($desk) {
.class {
    }
}

im使用第二个，因为我认为以这种方式将所有类或ID分组为断点，但我不确定。

Answer 1

在SASS中，媒体查询在嵌套的顶部起泡，因此两个示例都会产生相同的CSS。

第二种方法使您可以在一个媒体查询下对多个声明进行分组，但是只有当这些声明彼此相邻时，才应该使用它。有一种意见，您不应该构建代码，以便其产生较少的媒体查询。相反，您应该按功能构建代码i。e。通过代码描述的页面元素。应尽可能狭窄地应用媒体查询。服务器的GZIP压缩将处理重复的代码。

，但这是个人喜好的问题，两个示例都是有效且可接受的。