Sass 没有“无”就不能更改样式；！“重要的”；在媒体查询中

scss代码出错，在没有“！important”的情况下，无法在媒体查询中设置任何样式。可能有什么问题？每次我保存main.scss以外的任何scss文件时，它都会导致错误，但当我保存main.scss文件时，它工作正常。有什么建议吗？我正在使用webpack

 .loading {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    .logo {
        width: 80%;
    }
}

@media screen and (min-width: 8em) and (orientation: landscape) {
    .logo {
        width: 60% !important;
    }
}

@media screen and (min-width: 767px) {
    .logo {
        width: 40% !important;
    }
}

@media screen and (min-width: 1200px) {
    .logo {
        width: 20% !important;
    }
}

---

问题似乎是您正在使用.logo inside.loading

试着这样做

.loading {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo {
    width: 80%;
}

这样，您就可以在不使用

的情况下使用媒体查询了！重要信息

---

嵌套方式比媒体查询更复杂，因此必须使用

！重要信息

有效谢谢！那么，如果SCS和嵌套导致媒体查询问题，为什么要使用它呢？奇怪吧？@harpreet你也可以像这样使用：

.logo{width:80%；@media-screen和（min-width:767px）{width:40%；}}或者@media-screen和（min-width:767px）{.loading{.logo{width:40%；}}

如果要嵌套

.logo

哦，是否将媒体查询放入.logo本身？也许这能帮助你更好地理解你能做什么。希望它能帮助你：）