媒体查询很少

Question

我对媒体查询有些陌生，而且我正在努力找出可能在行业中分享的一些最佳实践，这些实践也可能具有技术优势。关于LESS语法我注意到的一件事是你可以在媒体查询中包装一个元素，你也可以将媒体查询包装在元素中。两者都会有所期望的结果。一种方法比另一种方法更受欢迎，如果是，为什么？

示例：

#wrap{
    @media(max-width: 991px){
        margin-top: 60px;
        margin-bottom: -350px;
        padding: 0 0 350px;
    }
}

VS

@media(max-width: 991px){
    #wrap{
        margin-top: 60px;
        margin-bottom: -350px;
        padding: 0 0 350px;
    }
}

Answer 1

你的两个LESS片段确实产生了相同的CSS输出。 LESS documentation确实特别强调了您可以在选择器中嵌套媒体查询的事实，因此我会说您的第一个片段将被视为更好的练习。第一个代码块的主要参数是它将所有要应用于wrap元素的规则保存在一个代码块中。