我怀疑所以我想知道是否更好地做类似的事情：
.class {
@include breakpoint($desk) {
}
}
或相反：
@include breakpoint($desk) {
.class {
}
}
我正在使用第二个，因为我想通过这种方式我将所有类或ID分组在一个断点中，但我不确定。
答案 0 :(得分：1)
在Sass中，媒体查询bubble直到嵌套的顶部，因此两个示例都生成相同的CSS。
第二种方法允许您在一个媒体查询下对多个声明进行分组，但只有当这些声明无论如何都会出现在彼此旁边时，您才应该使用它。有一种观点认为，您不应该构建代码，以便产生较少的媒体查询。相反，你应该按功能构建代码，i。即通过代码描述的页面元素。媒体查询应尽可能窄地应用。服务器的gzip压缩将处理重复的代码。
但这是个人偏好的问题，这两个例子都是有效且可以接受的。