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

标签 css sass media-queries

是否有关于@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';
}

最佳答案

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

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

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

关于css - SCSS 中的媒体查询 - 语法错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40217537/

相关文章:

javascript - Chrome 使用 Css-element-queries 缩放图像错误

html - 在移动设备上向上滚动时容器中断

css - 响应式平铺 View 的有意边框或填充中途重叠

html - 当页面扩展滚动不出现

jquery - jquery Parallax 的跨浏览器滚动问题

html - css点击后如何让标签上去?

html - H1 文字未出现在主图上方

sass - 将多个SASS文件合并为一个SASS文件

html - @media 打印和(方向 :portrait) does not work if (orientation:landscape) is also specified

html - 在 bootstrap 列中包装 div