我在名为_media.scss的单独的scss文件中进行媒体查询，因此我可以将我的主要style.scss文件与媒体查询分开，以使事情更易于管理。
但是，似乎由于我在style.scss文件的顶部导入_media.scss文件，然后由于级联规则的性质，style.scss规则覆盖了_media规则，因为它们在导入之后
要使_media规则具有优先权，我必须在很多规则上加上！important。我尝试将所有媒体查询剪切并粘贴到style.scss文件的底部，并且它可以在没有！important标志的情况下正常工作。
有什么方法可以使_media的优先级高于样式文件，因此我可以解决此问题？
代码： 在style.scss文件中：
create.blade.php在_media.scss内部：
@import 'config';
@import 'utilities';
@import 'form';
@import 'dropdown';
@import 'animations';
@import 'media';
.logo {
font-size: 2em;
}
在chrome开发工具中，我有与字体大小相同的类：1.5em被划掉了。
不确定为什么2em具有优先权？