【问题标题】:Media Query in SCSS - Syntax ErrorSCSS 中的媒体查询 - 语法错误
【发布时间】:2016-10-24 23:03:42
【问题描述】:

我是否缺少关于 @media 查询的某些内容,因为我不断从我的 SCSS 文件中看到以下编译错误:

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

我已将媒体查询置于 2 种普通 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';
}

【问题讨论】:

  • 当我将它粘贴到sassmeister.com时编译没有错误
  • 我也看不出有什么问题。您确定上面的代码是导致您出错的原因吗?
  • 媒体查询样式后面有不需要的字符? Check the fiddle
  • @Vucko 非常感谢 - 就是这样。我删除了这些行,然后重新输入,一切正常!琐碎,烦人!

标签: css sass media-queries


【解决方案1】:

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

如果您发现它发生了,只需做一个简短的更改,然后再次save,检查是否更改。

ps。由于我的声誉还很低,我无法发表评论,但我希望它对未来有用。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2018-07-30
    • 2017-03-13
    • 2019-04-06
    • 2022-01-05
    • 2012-11-27
    • 1970-01-01
    • 2019-06-26
    • 2014-02-19
    相关资源
    最近更新 更多