Question

我有什么关于@media查询的东西，因为我一直看到来自我的SCSS文件的以下编译错误：

Error: Invalid CSS after "}": expected 1 selector or at-rule, was ""
        on line 584 of site/assets/scss/_custom-styles.scss
>> }

我将媒体查询放在两种普通的CSS样式之间。这个可以吗。为什么我会看到这个错误：

.homeDivParent {
  height:100%;
  background-image: url("/assets/479305270.jpg");
  background-position: 20% 0%;
  background-color: #fafafa;
  //background-size: cover;
}

@media (min-width:1400px) {
    .homeDivParent {
        background-size: cover;
    }
}

.whiteFont {
  //background-color: rgba(255,255,255,0.1);
  color: white;
  font-family: 'AbMedium';
}

Answer 1

如果将.scss保存得太快，您可能会错过重复编译sass代码，因此.css文件将存储以前编译的样式。

如果您发现这种情况，只需进行简短的更改并再次save，检查是否已更改。

ps。由于我的声誉很低，我无法发表评论，但我希望将来有用。

SCSS中的媒体查询 - 语法错误

1 个答案: